<html>

<head></head>

<body cz-shortcut-listen="true" style="cursor: auto;background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;--framer-will-change-filter-override: none;--framer-will-change-override: none;--token-45dc5b98-5f37-4d75-bbed-428b7260b726: #fff;--token-60e27a11-67de-4df2-a5ca-210b2386ad63: #ff510e;--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c: #151515;--token-8ce39644-6036-46af-a3f7-8ef5b22206ff: #444;--token-d38ea4d8-0ce1-4361-8ee1-a9f3c0c6ee83: #f9f9f9;--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6: #e8e8e8;--token-32d7a139-ad13-445e-bdaf-c978ae411e2a: #ffd000;--token-82dc333d-9003-46ec-8b50-e51dc363e4ac: #d0d0d0;--token-60628465-67b9-4ff1-8417-36a198aca31c: #8a8a8a;--token-be12bf28-1c87-4989-b118-d0f7e5f987ff: #2c2c2c;--token-74cfe941-4f86-4e3c-8562-500a65483473: #f71919;--token-84b8e2c9-784d-4dcc-842b-3c4f8b597651: #f3f3f3;--token-170ae0d5-7611-4763-ad50-88472d1ec49a: #dad7d7;font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0px;padding:0px;">
    <!-- Start of bodyStart -->
    <!-- End of bodyStart -->
    <div data-framer-hydrate-v2="{&quot;routeId&quot;:&quot;augiA20Il&quot;,&quot;localeId&quot;:&quot;default&quot;,&quot;breakpoints&quot;:[{&quot;hash&quot;:&quot;72rtr7&quot;,&quot;mediaQuery&quot;:&quot;(min-width: 1200px)&quot;},{&quot;hash&quot;:&quot;oznngx&quot;,&quot;mediaQuery&quot;:&quot;(min-width: 810px) and (max-width: 1199px)&quot;},{&quot;hash&quot;:&quot;kzxenh&quot;,&quot;mediaQuery&quot;:&quot;(max-width: 809px)&quot;},{&quot;hash&quot;:&quot;1a8oe9c&quot;,&quot;mediaQuery&quot;:&quot;(min-width: 1200px)&quot;},{&quot;hash&quot;:&quot;mggbt&quot;,&quot;mediaQuery&quot;:&quot;(min-width: 810px) and (max-width: 1199.98px)&quot;},{&quot;hash&quot;:&quot;1w7yab5&quot;,&quot;mediaQuery&quot;:&quot;(max-width: 809.98px)&quot;}]}" data-framer-ssr-released-at="2025-12-23T14:46:50.955Z" data-framer-page-optimized-at="2026-01-05T09:42:32.196Z" data-framer-generated-page="" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0px;padding:0px;">
        <!--$-->
        <!--$-->
        <div data-layout-template="true" style="min-height:100vh;width:autobackground-color:rgb(255, 255, 255);flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:0px;height:8118.28px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <header data-framer-name="Header Wrapper" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;height:95.7969px;position:fixed;z-index:10;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;padding:0px;display:flex;top:0px;left:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div style="z-index:10;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <header data-border="true" data-framer-name="Desktop" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); width: 100%; opacity: 1;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgb(255, 255, 255);width: 100%;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:0px;height:95.7969px;padding:24px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Container" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center space-between;align-items:center;width: 1px;max-width:1360px;height:47.7969px;padding:0px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Navbar" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center space-between;align-items:center;width: 1px;height:47.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <!--$--><a as="a" data-framer-name="Logo" href="./" data-framer-page-link-current="true" style="opacity: 1;aspect-ratio:4.21875 / 1;cursor:pointer;height:32px;flex: 0 0 auto;width: 135px;text-decoration:none;position:relative;overflow:hidden;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="135" height="32" src="https://framerusercontent.com/images/fm7cPRWZj0Ipn7YCM35zpFDFuo.svg" alt="Logo" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                    </a>
                                    <!--/$-->
                                    <nav data-framer-name="Header / Navigation" style="background-color:rgba(0, 0, 0, 0);border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;box-shadow:none;opacity:1z-index:2;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:32px;width: min-content;height:32.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <!--$-->
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-framer-name="Default" data-highlight="true" href="./" data-framer-page-link-current="true" tabindex="0" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:30px;width: min-content;height:32.4062px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="SSsVVt4Ej" style="--framer-text-color:var(--extracted-r6o4lv, var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Home</p>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                        <!--/$-->
                                        <!--$-->
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-framer-name="Default" data-highlight="true" href="./about" tabindex="0" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:30px;width: min-content;height:32.4062px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="SSsVVt4Ej" style="--framer-text-color:var(--extracted-r6o4lv, var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">About us</p>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                        <!--/$-->
                                        <!--$-->
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-framer-name="Default" data-highlight="true" href="./courses" tabindex="0" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:30px;width: min-content;height:32.4062px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="SSsVVt4Ej" style="--framer-text-color:var(--extracted-r6o4lv, var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Courses</p>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                        <!--/$-->
                                        <!--$-->
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-framer-name="Default" data-highlight="true" href="./blog" tabindex="0" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:30px;width: min-content;height:32.4062px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="SSsVVt4Ej" style="--framer-text-color:var(--extracted-r6o4lv, var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Blog</p>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                        <!--/$-->
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Pages" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:0px;width: min-content;height:32.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-highlight="true" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:5px;width: min-content;height:32.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Pages" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Pages</p>
                                                    </div>
                                                    <div style="opacity: 1;flex: 0 0 auto;width: 20px;height:23px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68))" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 100%; height: 100%;height:23px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <polyline points="6 9 12 15 18 9" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></polyline>
                                                            </svg></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </nav>
                                    <div data-framer-name="Buttons" style="opacity: 1;z-index:0;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:47.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <!--$-->
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a href="./contact" style="background-color: var(--token-60e27a11-67de-4df2-a5ca-210b2386ad63, rgb(255, 81, 14)); border-radius: 500px; opacity: 1; will-change: auto;border-radius:500px;opacity:1;will-change: auto;padding:14px 24px;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:12px;width: min-content;height:47.7969px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-name="Header">
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-size:18px;--framer-font-weight:700;--framer-line-height:1.1em;--framer-text-color:var(--extracted-r6o4lv, var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Contact Us</p>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                        <!--/$-->
                                    </div>
                                </div>
                            </div>
                        </header>
                    </div>
                    <div data-framer-name="Shadow" style="will-change: transform; opacity: 0; transform: perspective(1200px);opacity:0;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.000833333, 0, 0, 0, 1);z-index:1;flex: 0 0 auto;width: 100%;height:95.7969px;position:absolute;top:0px;left:0px;overflow:visible;box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 30px 0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                </header>
            </div>
            <div data-framer-root="" style="min-height:100vh;width:auto;display:contentsbackground-color:rgb(255, 255, 255);flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:0px;height:min-content;padding:0px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <section data-framer-name="Hero Section" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:10px;width: 100%;height:720.984px;padding:196px 0px 100px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-appear-id="zyizva" data-framer-name="Background Shape" style="opacity: 1; transform: translate(-50%, -50%); will-change: transform;transform:matrix(1, 0, 0, 1, -744.5, -437.5);will-change:transform;aspect-ratio:1.70171 / 1;height:875px;z-index:1;flex: 0 0 auto;width: 93%;max-width:1489px;position:absolute;top:317.219px;left:952.5px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="1488" height="753" sizes="min(100vw * 0.9306, 1489px)" srcset="https://framerusercontent.com/images/PA54nObEBvtgqNGkSEoyxSWxago.svg?scale-down-to=512 512w,https://framerusercontent.com/images/PA54nObEBvtgqNGkSEoyxSWxago.svg?scale-down-to=1024 1024w,https://framerusercontent.com/images/PA54nObEBvtgqNGkSEoyxSWxago.svg 1488w" src="https://framerusercontent.com/images/PA54nObEBvtgqNGkSEoyxSWxago.svg" alt="Union" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                        </div>
                    </div>
                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-appear-id="pd7c2x" data-framer-name="Image One" style="opacity: 1; transform: translateY(-50%); will-change: transform;transform:matrix(1, 0, 0, 1, 0, -196);will-change:transform;aspect-ratio:0.625 / 1;height:392px;z-index:1;flex: 0 0 auto;width: 245px;position:absolute;top:439.797px;left:0px;overflow:visible;mask:url('https://framerusercontent.com/images/A8sf4XTI0GqdD4jieglhY7KNK8.svg') 50% 50% / cover no-repeat alpha;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="2329" height="1553" sizes="245px" srcset="https://framerusercontent.com/images/IrKryFvOruxPxLkGeTjrbmh9k.png?scale-down-to=512 512w,https://framerusercontent.com/images/IrKryFvOruxPxLkGeTjrbmh9k.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/IrKryFvOruxPxLkGeTjrbmh9k.png?scale-down-to=2048 2048w,https://framerusercontent.com/images/IrKryFvOruxPxLkGeTjrbmh9k.png 2329w" src="https://framerusercontent.com/images/IrKryFvOruxPxLkGeTjrbmh9k.png?scale-down-to=512" alt="Hero Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:right top;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                        </div>
                    </div>
                    <div data-framer-appear-id="1hbtylp" data-framer-name="Image Wrap" style="opacity: 1; transform: translateY(-50%); will-change: transform;transform:matrix(1, 0, 0, 1, 0, -191.961);will-change:transform;aspect-ratio:0.6225 / 1;height:383.922px;z-index:1;flex: 0 0 auto;width: 239px;position:absolute;top:555.156px;right:0px;overflow:hidden;mask:url('https://framerusercontent.com/images/MkVi9iK8LHmOFURCICgdMJZOf0.svg') 50% 50% / cover no-repeat alpha;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Image Two" style="aspect-ratio:1.08696 / 1;height:400.156px;z-index:1;flex: 0 0 auto;width: 182%;position:absolute;top:3px;left:-34px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="1450" height="926" sizes="433.9097px" srcset="https://framerusercontent.com/images/7s0okY0iUpfEYgVNfmMYixehDYY.png?scale-down-to=512 512w,https://framerusercontent.com/images/7s0okY0iUpfEYgVNfmMYixehDYY.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/7s0okY0iUpfEYgVNfmMYixehDYY.png 1450w" src="https://framerusercontent.com/images/7s0okY0iUpfEYgVNfmMYixehDYY.png?scale-down-to=512" alt="Hero Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                            </div>
                        </div>
                    </div>
                    <div data-framer-name="Container" style="z-index:3;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:48px;width: 100%;max-width:1360px;height:424.984px;padding:0px 20px;scroll-margin-top:60px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Hero Content Wrapper" style="z-index:3;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:48px;width: 100%;height:424.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-appear-id="1gck2cm" data-framer-name="Hero Description" style="opacity: 1; transform: none; will-change: transform;transform:matrix(1, 0, 0, 1, 0, 0);will-change:transform;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:24px;width: 100%;max-width:1018px;height:320.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Star Block" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:6px;width: 100%;height:28.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Star Group" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:2px;width: min-content;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="aspect-ratio:1 / 1;height:24px;width: 1;border-radius:1px;flex: 0 0 auto;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="24" height="25" src="https://framerusercontent.com/images/pFIoKvJH58h0Jhr41LdVGTbr7PQ.svg" alt="Star Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                        </div>
                                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="aspect-ratio:1 / 1;height:24px;width: 1;border-radius:1px;flex: 0 0 auto;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="24" height="25" src="https://framerusercontent.com/images/pFIoKvJH58h0Jhr41LdVGTbr7PQ.svg" alt="Star Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                        </div>
                                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="aspect-ratio:1 / 1;height:24px;width: 1;border-radius:1px;flex: 0 0 auto;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="24" height="25" src="https://framerusercontent.com/images/pFIoKvJH58h0Jhr41LdVGTbr7PQ.svg" alt="Star Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                        </div>
                                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="aspect-ratio:1 / 1;height:24px;width: 1;border-radius:1px;flex: 0 0 auto;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="24" height="25" src="https://framerusercontent.com/images/pFIoKvJH58h0Jhr41LdVGTbr7PQ.svg" alt="Star Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                        </div>
                                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="aspect-ratio:1 / 1;height:24px;width: 1;border-radius:1px;flex: 0 0 auto;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="24" height="25" src="https://framerusercontent.com/images/pFIoKvJH58h0Jhr41LdVGTbr7PQ.svg" alt="Star Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="transform:none--framer-link-text-color: #09f;--framer-link-text-decoration: underline;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><span style="--framer-text-color:var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21))font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(21, 21, 21);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;">4.9</span> <span style="--framer-text-color:var(--token-60628465-67b9-4ff1-8417-36a198aca31c, rgb(138, 138, 138))font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(138, 138, 138);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(138, 138, 138);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(138, 138, 138);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;">(15,008)</span></p>
                                    </div>
                                </div>
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h1 style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-size:88px;--framer-font-weight:700;--framer-letter-spacing:-1px;--framer-line-height:1em;--framer-text-alignment:center;--framer-text-color:var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21));--framer-text-transform:inheritbackground-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:88px;letter-spacing:-1px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:88px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Unlock Your Potential <span style="--font-selector:R0Y7RE0gU2VyaWYgVGV4dC1pdGFsaWM=;--framer-font-family:&quot;DM Serif Text&quot;, &quot;DM Serif Text Placeholder&quot;, serif;--framer-font-style:italic;--framer-font-weight:400;--framer-text-color:var(--token-60e27a11-67de-4df2-a5ca-210b2386ad63, rgb(255, 81, 14))font-family:'DM Serif Text', 'DM Serif Text Placeholder', serif;font-style:italic;font-weight:400;color:rgb(255, 81, 14);font-size:88px;letter-spacing:-1px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 81, 14);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:88px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 81, 14);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;">With New Skills</span></h1>
                                    </div>
                                </div>
                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;max-width:772px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <p data-styles-preset="mJu7ukWj1" style="--framer-text-color:var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: 0px;--framer-line-height: 1.68em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(68, 68, 68);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:33.6px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Unlock a world of opportunities and take control of your future by mastering new skills that empower you to achieve your goals.</p>
                                </div>
                            </div>
                            <!--$-->
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-appear-id="1hiyqcu" style="opacity: 1; transform: none; will-change: transform;transform:none;will-change:transform;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <!--$--><a href="./courses" style="background-color: var(--token-60e27a11-67de-4df2-a5ca-210b2386ad63, rgb(255, 81, 14)); border-radius: 500px; opacity: 1; will-change: auto;border-radius:500px;opacity:1;will-change: auto;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:12px;width: min-content;height:56px;padding:4px 4px 4px 30px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-name="Primary">
                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-size:18px;--framer-font-weight:700;--framer-line-height:1.1em;--framer-text-color:var(--extracted-r6o4lv, var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Explore Courses</p>
                                        </div>
                                        <div data-framer-name="Icon Wrap" style="background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;border-radius:500px;opacity:1;aspect-ratio:1 / 1;height:48px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 48px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="transform: rotate(45deg); opacity: 1; will-change: transform;opacity:1;will-change:transform;flex: 0 0 auto;width: 24px;height:24px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" color="var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21))" style="width: 100%; height: 100%;height:24px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <path fill-rule="evenodd" d="M11.47 2.47a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06l-2.47-2.47V21a.75.75 0 0 1-1.5 0V4.81L8.78 7.28a.75.75 0 0 1-1.06-1.06l3.75-3.75Z" clip-rule="evenodd" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                    </svg></div>
                                            </div>
                                        </div>
                                    </a>
                                    <!--/$-->
                                </div>
                            </div>
                            <!--/$-->
                        </div>
                    </div>
                </section>
                <section data-framer-name="Brand Section" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:16px;width: 100%;height:265px;padding:32px 0px 116px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:48px;width: 100%;max-width:1360px;height:29px;padding:0px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-link-text-color: #09f;--framer-link-text-decoration: underline;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <h6 data-styles-preset="vMFckPICt" style="--framer-text-alignment:center--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Our Valued Partners</h6>
                        </div>
                    </div>
                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Primary" style="width: 100%; opacity: 1;opacity:1;flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;height:72px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="opacity: 1;flex: 0 0 auto;width: 100%;height:72px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <!--$-->
                                    <section style="display: flex; width: 100%; height: 100%; max-width: 100%; max-height: 100%; place-items: center; margin: 0px; padding: 20px 0px; list-style-type: none; opacity: 1; mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); overflow: hidden;width: 100%;height:72px;max-width:100%;max-height:100%;place-items:center;margin:0px;padding:20px 0px;list-style-type:none;opacity:1;mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <ul style="display: flex; width: 100%; height: 100%; max-width: 100%; max-height: 100%; place-items: center; margin: 0px; padding: 0px; list-style-type: none; gap: 97px; position: relative; flex-direction: row; will-change: transform; transform: translateX(0px);width: 100%;height:32px;max-width:100%;max-height:100%;place-items:center;margin:0px;padding:0px;list-style-type:none;gap:97px;position:relative;flex-direction:row;will-change:transform;transform:matrix(1, 0, 0, 1, -2125.87, 0);box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.125 / 1;height:32px;will-change:auto;width: 132px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="132" height="32" src="https://framerusercontent.com/images/PDOFpDQea3o4JKJ4otDr1C96Z8.svg?width=132&amp;height=32" alt="Brand Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:5.4375 / 1;height:32px;will-change:auto;width: 174px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="174" height="32" src="https://framerusercontent.com/images/wOIolRYjDRIOIfrt93CLz0k7M0.svg?width=174&amp;height=32" alt="Brand Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.5625 / 1;height:32px;will-change:auto;width: 146px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="148" height="32" src="https://framerusercontent.com/images/tnwsKDAD4QSNS9BHkcnbO1NrI.svg?width=148&amp;height=32" alt="Brand Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.3125 / 1;height:32px;will-change:auto;width: 138px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="139" height="32" src="https://framerusercontent.com/images/D3HegFtTzXti9udeLR0hQLLKYSI.svg?width=139&amp;height=32" alt="Brand Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.3125 / 1;height:32px;will-change:auto;width: 138px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="140" height="32" src="https://framerusercontent.com/images/cptg6aDzfEb35dVIpsfAnAN3bbw.svg?width=140&amp;height=32" alt="Brand Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.25 / 1;height:32px;will-change:auto;width: 136px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="137" height="32" src="https://framerusercontent.com/images/YmpyeFQfpanfAj6emztFErft6Y.svg?width=137&amp;height=32" alt="Brand Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.78125 / 1;height:32px;will-change:auto;width: 153px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="153" height="32" src="https://framerusercontent.com/images/xId9U3zvgnf6KfdYq9P4xMAsyA.svg?width=153&amp;height=32" alt="Brand Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.125 / 1;height:32px;will-change:auto;width: 132px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="132" height="32" src="https://framerusercontent.com/images/PDOFpDQea3o4JKJ4otDr1C96Z8.svg?width=132&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:5.4375 / 1;height:32px;will-change:auto;width: 174px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="174" height="32" src="https://framerusercontent.com/images/wOIolRYjDRIOIfrt93CLz0k7M0.svg?width=174&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="false" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.5625 / 1;height:32px;will-change:auto;width: 146px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="148" height="32" src="https://framerusercontent.com/images/tnwsKDAD4QSNS9BHkcnbO1NrI.svg?width=148&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="false" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.3125 / 1;height:32px;will-change:auto;width: 138px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="139" height="32" src="https://framerusercontent.com/images/D3HegFtTzXti9udeLR0hQLLKYSI.svg?width=139&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="false" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.3125 / 1;height:32px;will-change:auto;width: 138px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="140" height="32" src="https://framerusercontent.com/images/cptg6aDzfEb35dVIpsfAnAN3bbw.svg?width=140&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="false" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.25 / 1;height:32px;will-change:auto;width: 136px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="137" height="32" src="https://framerusercontent.com/images/YmpyeFQfpanfAj6emztFErft6Y.svg?width=137&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="false" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.78125 / 1;height:32px;will-change:auto;width: 153px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="153" height="32" src="https://framerusercontent.com/images/xId9U3zvgnf6KfdYq9P4xMAsyA.svg?width=153&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="false" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.125 / 1;height:32px;will-change:auto;width: 132px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="132" height="32" src="https://framerusercontent.com/images/PDOFpDQea3o4JKJ4otDr1C96Z8.svg?width=132&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="false" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:5.4375 / 1;height:32px;will-change:auto;width: 174px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="174" height="32" src="https://framerusercontent.com/images/wOIolRYjDRIOIfrt93CLz0k7M0.svg?width=174&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="false" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.5625 / 1;height:32px;will-change:auto;width: 146px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="148" height="32" src="https://framerusercontent.com/images/tnwsKDAD4QSNS9BHkcnbO1NrI.svg?width=148&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.3125 / 1;height:32px;will-change:auto;width: 138px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="139" height="32" src="https://framerusercontent.com/images/D3HegFtTzXti9udeLR0hQLLKYSI.svg?width=139&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.3125 / 1;height:32px;will-change:auto;width: 138px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="140" height="32" src="https://framerusercontent.com/images/cptg6aDzfEb35dVIpsfAnAN3bbw.svg?width=140&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.25 / 1;height:32px;will-change:auto;width: 136px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="137" height="32" src="https://framerusercontent.com/images/YmpyeFQfpanfAj6emztFErft6Y.svg?width=137&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.78125 / 1;height:32px;will-change:auto;width: 153px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="153" height="32" src="https://framerusercontent.com/images/xId9U3zvgnf6KfdYq9P4xMAsyA.svg?width=153&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.125 / 1;height:32px;will-change:auto;width: 132px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="132" height="32" src="https://framerusercontent.com/images/PDOFpDQea3o4JKJ4otDr1C96Z8.svg?width=132&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:5.4375 / 1;height:32px;will-change:auto;width: 174px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="174" height="32" src="https://framerusercontent.com/images/wOIolRYjDRIOIfrt93CLz0k7M0.svg?width=174&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.5625 / 1;height:32px;will-change:auto;width: 146px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="148" height="32" src="https://framerusercontent.com/images/tnwsKDAD4QSNS9BHkcnbO1NrI.svg?width=148&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.3125 / 1;height:32px;will-change:auto;width: 138px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="139" height="32" src="https://framerusercontent.com/images/D3HegFtTzXti9udeLR0hQLLKYSI.svg?width=139&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.3125 / 1;height:32px;will-change:auto;width: 138px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="140" height="32" src="https://framerusercontent.com/images/cptg6aDzfEb35dVIpsfAnAN3bbw.svg?width=140&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.25 / 1;height:32px;will-change:auto;width: 136px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="137" height="32" src="https://framerusercontent.com/images/YmpyeFQfpanfAj6emztFErft6Y.svg?width=137&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                            <li aria-hidden="true" style="will-change: transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="flex-shrink: 0; opacity: 1;opacity:1;aspect-ratio:4.78125 / 1;height:32px;will-change:auto;width: 153px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="153" height="32" src="https://framerusercontent.com/images/xId9U3zvgnf6KfdYq9P4xMAsyA.svg?width=153&amp;height=32" alt="Brand Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:32px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </li>
                                        </ul>
                                    </section>
                                    <!--/$-->
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Feature Course Section" style="background-color:rgb(249, 249, 249);flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;height:892.203px;padding:100px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:48px;width: 100%;max-width:1360px;height:692.203px;padding:0px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <h2 style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-size:56px;--framer-font-weight:700;--framer-letter-spacing:-0.0178571em;--framer-line-height:1.15em;--framer-text-alignment:center;--framer-text-color:var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:56px;letter-spacing:-0.999998px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Our Featured <span style="--font-selector:R0Y7RE0gU2VyaWYgVGV4dC1pdGFsaWM=;--framer-font-family:&quot;DM Serif Text&quot;, &quot;DM Serif Text Placeholder&quot;, serif;--framer-font-style:italic;--framer-font-weight:400;--framer-text-color:rgb(255, 81, 14);--framer-text-transform:capitalizefont-family:'DM Serif Text', 'DM Serif Text Placeholder', serif;font-style:italic;font-weight:400;color:rgb(255, 81, 14);font-size:56px;letter-spacing:-0.999998px;text-transform:capitalize;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 81, 14);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 81, 14);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Courses</span></h2>
                            </div>
                        </div>
                        <div style="flex: 0 0 auto;grid-template-columns:424px 424px 424px;grid-auto-rows: min-content;justify-content:center;gap:24px;width: 100%;height:579.797px;padding:0px;display:grid;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <!--$-->
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <!--$-->
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Post" name="Post" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex: 0 0 auto;place-self:start;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div name="Post" style="background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); width: 100%; border-radius: 16px; box-shadow: rgba(21, 21, 21, 0.06) 0px 4px 20px 0px; opacity: 1;width: 100%;border-radius:16px;box-shadow:rgba(21, 21, 21, 0.06) 0px 4px 20px 0px;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:24px;height:579.797px;padding:24px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-name="Default">
                                            <!--$--><a data-framer-name="Image Wrap" href="./courses/data-science-essentials" style="border-radius: 12px; opacity: 1;opacity:1;aspect-ratio:1.25333 / 1;height:300px;will-change:auto;flex: 0 0 auto;width: 100%;text-decoration:none;position:relative;overflow:hidden;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" data-framer-name="Badge" style="--border-bottom-width: 1px; --border-color: rgb(232, 232, 232); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; backdrop-filter: blur(6px); background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;--border-color: rgb(232, 232, 232);--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;backdrop-filter:blur(6px);background-color:rgb(255, 255, 255);border-radius:500px;opacity:1;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:4px;width: min-content;height:30px;padding:8px 12px;display:flex;position:absolute;top:20px;right:20px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="zqaIStbo8" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:14px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:14px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Advanced</p>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Image" style="transform: none; opacity: 1; will-change: transform;opacity:1;will-change:transform;flex: 0 0 auto;width: 100%;height:300px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="752" height="600" sizes="calc(max((min(100vw, 1360px) - 88px) / 3, 10px) - 48px)" srcset="https://framerusercontent.com/images/GL5OI4OyKrA02EMkARWlnzm0g.png?scale-down-to=512&amp;width=752&amp;height=600 512w,https://framerusercontent.com/images/GL5OI4OyKrA02EMkARWlnzm0g.png?width=752&amp;height=600 752w" src="https://framerusercontent.com/images/GL5OI4OyKrA02EMkARWlnzm0g.png?width=752&amp;height=600" alt="Course Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </a>
                                            <!--/$-->
                                            <div data-framer-name="Card Body" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:207.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:135.953px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Rating &amp; Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Rating Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:8px;width: 1px;max-width:136px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Star Block" style="opacity: 1;flex-flow:row wrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:2px;width: 1px;height:15px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="(4.5)" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="Lu1D7K6Tc" style="--framer-text-color:var(--extracted-r6o4lv, var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(21, 21, 21);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">(4.6)</p>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: min-content;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Icon" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">$</div>
                                                            </div>
                                                            <div data-framer-name="Price" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">299.99</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Title &amp; Author Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:4px;width: 100%;height:64.9531px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Data Science Essentials" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Data Science Essentials</h3>
                                                        </div>
                                                        <div data-framer-name="Author Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:28.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">By </p>
                                                            </div>
                                                            <div data-framer-name="Author Name" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <!--$--><a data-styles-preset="ydjQvwBhR" href="./instructor/dr-liam-morgan" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Dr. Liam Morgan</a>
                                                                    <!--/$-->
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Details Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:16px;width: 100%;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Duration Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;max-width:120px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Clock" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                            </div>
                                                            <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">25h 30min</p>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Lesson Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Book" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                            </div>
                                                            <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:0px;width: 1px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">12</p>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"> Lessons</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--$--><a data-border="true" data-framer-name="Button" href="./courses/data-science-essentials" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1; will-change: auto;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;will-change: auto;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:12px;width: 100%;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Contact us" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1; will-change: auto; --extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255));transform:none;opacity:1;will-change: auto;--extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255));white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="y6IdWM9Ko" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0em;--framer-line-height: 1.24em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">View Course</p>
                                                    </div>
                                                </a>
                                                <!--/$-->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--/$-->
                                <!--$-->
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Post" name="Post" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex: 0 0 auto;place-self:start;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div name="Post" style="background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); width: 100%; border-radius: 16px; box-shadow: rgba(21, 21, 21, 0.06) 0px 4px 20px 0px; opacity: 1;width: 100%;border-radius:16px;box-shadow:rgba(21, 21, 21, 0.06) 0px 4px 20px 0px;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:24px;height:579.797px;padding:24px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-name="Default">
                                            <!--$--><a data-framer-name="Image Wrap" href="./courses/digital-marketing-pro" style="border-radius: 12px; opacity: 1;opacity:1;aspect-ratio:1.25333 / 1;height:300px;will-change:auto;flex: 0 0 auto;width: 100%;text-decoration:none;position:relative;overflow:hidden;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" data-framer-name="Badge" style="--border-bottom-width: 1px; --border-color: rgb(232, 232, 232); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; backdrop-filter: blur(6px); background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;--border-color: rgb(232, 232, 232);--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;backdrop-filter:blur(6px);background-color:rgb(255, 255, 255);border-radius:500px;opacity:1;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:4px;width: min-content;height:30px;padding:8px 12px;display:flex;position:absolute;top:20px;right:20px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="zqaIStbo8" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:14px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:14px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Intermediate</p>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Image" style="transform: none; opacity: 1; will-change: transform;opacity:1;will-change:transform;flex: 0 0 auto;width: 100%;height:300px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="752" height="600" sizes="calc(max((min(100vw, 1360px) - 88px) / 3, 10px) - 48px)" srcset="https://framerusercontent.com/images/5xOvDYwbAGnMVJpzeSTgW5QMA.png?scale-down-to=512&amp;width=752&amp;height=600 512w,https://framerusercontent.com/images/5xOvDYwbAGnMVJpzeSTgW5QMA.png?width=752&amp;height=600 752w" src="https://framerusercontent.com/images/5xOvDYwbAGnMVJpzeSTgW5QMA.png?width=752&amp;height=600" alt="Course Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </a>
                                            <!--/$-->
                                            <div data-framer-name="Card Body" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:207.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:135.953px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Rating &amp; Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Rating Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:8px;width: 1px;max-width:136px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Star Block" style="opacity: 1;flex-flow:row wrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:2px;width: 1px;height:15px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="(4.5)" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="Lu1D7K6Tc" style="--framer-text-color:var(--extracted-r6o4lv, var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(21, 21, 21);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">(4.5)</p>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: min-content;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Icon" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">$</div>
                                                            </div>
                                                            <div data-framer-name="Price" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">199.99</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Title &amp; Author Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:4px;width: 100%;height:64.9531px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Data Science Essentials" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Digital Marketing Pro</h3>
                                                        </div>
                                                        <div data-framer-name="Author Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:28.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">By </p>
                                                            </div>
                                                            <div data-framer-name="Author Name" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <!--$--><a data-styles-preset="ydjQvwBhR" href="./instructor/alex-reveira" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Alex Reveira</a>
                                                                    <!--/$-->
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Details Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:16px;width: 100%;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Duration Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;max-width:120px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Clock" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                            </div>
                                                            <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">18h 45min</p>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Lesson Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Book" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                            </div>
                                                            <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:0px;width: 1px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">10</p>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"> Lessons</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--$--><a data-border="true" data-framer-name="Button" href="./courses/digital-marketing-pro" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1; will-change: auto;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;will-change: auto;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:12px;width: 100%;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Contact us" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1; will-change: auto; --extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255));transform:none;opacity:1;will-change: auto;--extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255));white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="y6IdWM9Ko" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0em;--framer-line-height: 1.24em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">View Course</p>
                                                    </div>
                                                </a>
                                                <!--/$-->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--/$-->
                                <!--$-->
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Post" name="Post" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex: 0 0 auto;place-self:start;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div name="Post" style="background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); width: 100%; border-radius: 16px; box-shadow: rgba(21, 21, 21, 0.06) 0px 4px 20px 0px; opacity: 1;width: 100%;border-radius:16px;box-shadow:rgba(21, 21, 21, 0.06) 0px 4px 20px 0px;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:24px;height:579.797px;padding:24px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-name="Default">
                                            <!--$--><a data-framer-name="Image Wrap" href="./courses/ui-ux-design-essentials" style="border-radius: 12px; opacity: 1;opacity:1;aspect-ratio:1.25333 / 1;height:300px;will-change:auto;flex: 0 0 auto;width: 100%;text-decoration:none;position:relative;overflow:hidden;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" data-framer-name="Badge" style="--border-bottom-width: 1px; --border-color: rgb(232, 232, 232); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; backdrop-filter: blur(6px); background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;--border-color: rgb(232, 232, 232);--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;backdrop-filter:blur(6px);background-color:rgb(255, 255, 255);border-radius:500px;opacity:1;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:4px;width: min-content;height:30px;padding:8px 12px;display:flex;position:absolute;top:20px;right:20px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="zqaIStbo8" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:14px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:14px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Beginner</p>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Image" style="transform: none; opacity: 1; will-change: transform;opacity:1;will-change:transform;flex: 0 0 auto;width: 100%;height:300px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="752" height="600" sizes="calc(max((min(100vw, 1360px) - 88px) / 3, 10px) - 48px)" srcset="https://framerusercontent.com/images/dezvWUxEuf980W2tvPb5iq6u0.png?scale-down-to=512&amp;width=752&amp;height=600 512w,https://framerusercontent.com/images/dezvWUxEuf980W2tvPb5iq6u0.png?width=752&amp;height=600 752w" src="https://framerusercontent.com/images/dezvWUxEuf980W2tvPb5iq6u0.png?width=752&amp;height=600" alt="Course Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </a>
                                            <!--/$-->
                                            <div data-framer-name="Card Body" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:207.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:135.953px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Rating &amp; Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Rating Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:8px;width: 1px;max-width:136px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Star Block" style="opacity: 1;flex-flow:row wrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:2px;width: 1px;height:15px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="(4.5)" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="Lu1D7K6Tc" style="--framer-text-color:var(--extracted-r6o4lv, var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(21, 21, 21);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">(4.7)</p>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: min-content;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Icon" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">$</div>
                                                            </div>
                                                            <div data-framer-name="Price" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">99.99</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Title &amp; Author Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:4px;width: 100%;height:64.9531px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Data Science Essentials" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">UI/UX Design Essentials</h3>
                                                        </div>
                                                        <div data-framer-name="Author Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:28.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">By </p>
                                                            </div>
                                                            <div data-framer-name="Author Name" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <!--$--><a data-styles-preset="ydjQvwBhR" href="./instructor/dr-michael-lee" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Dr. Michael Lee</a>
                                                                    <!--/$-->
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Details Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:16px;width: 100%;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Duration Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;max-width:120px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Clock" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                            </div>
                                                            <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">25h 30min</p>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Lesson Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Book" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                            </div>
                                                            <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:0px;width: 1px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">28</p>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"> Lessons</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--$--><a data-border="true" data-framer-name="Button" href="./courses/ui-ux-design-essentials" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1; will-change: auto;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;will-change: auto;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:12px;width: 100%;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Contact us" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1; will-change: auto; --extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255));transform:none;opacity:1;will-change: auto;--extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255));white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="y6IdWM9Ko" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0em;--framer-line-height: 1.24em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">View Course</p>
                                                    </div>
                                                </a>
                                                <!--/$-->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--/$-->
                            </div>
                            <!--/$-->
                        </div>
                    </div>
                </section>
                <section data-framer-name="Choose Us Section" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;width: 100%;height:1011.22px;padding:100px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:60px;width: 100%;max-width:1360px;height:811.219px;padding:0px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Section Title Block" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:12px;width: 100%;max-width:724px;height:110px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <h2 style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-size:56px;--framer-font-weight:700;--framer-letter-spacing:-0.0178571em;--framer-line-height:1.15em;--framer-text-alignment:center;--framer-text-color:rgb(21, 21, 21)background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:56px;letter-spacing:-0.999998px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Why Choose <span style="--font-selector:R0Y7RE0gU2VyaWYgVGV4dC1pdGFsaWM=;--framer-font-family:&quot;DM Serif Text&quot;, &quot;DM Serif Text Placeholder&quot;, serif;--framer-font-style:italic;--framer-font-weight:400;--framer-text-color:rgb(255, 81, 14);--framer-text-transform:capitalizefont-family:'DM Serif Text', 'DM Serif Text Placeholder', serif;font-style:italic;font-weight:400;color:rgb(255, 81, 14);font-size:56px;letter-spacing:-0.999998px;text-transform:capitalize;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 81, 14);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 81, 14);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;">learnly</span></h2>
                                </div>
                            </div>
                            <div data-framer-name="Paragraph" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <p data-styles-preset="mJu7ukWj1" style="--framer-text-color:var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: 0px;--framer-line-height: 1.68em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(68, 68, 68);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:33.6px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Gain clarity &amp; achieve your financial goals with expert guidance.</p>
                            </div>
                        </div>
                        <div data-framer-name="Choose Us  Block" style="flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:24px;width: 100%;height:641.219px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Left Block" style="will-change: transform; opacity: 1; transform: perspective(1200px) translateY(32px);opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.000833333, 0, 32, 0, 1);flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:24px;width: 1px;max-width:424px;height:632.359px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Image" style="aspect-ratio:1.37217 / 1;height:308.984px;border-radius:24px;flex: 0 0 auto;width: 100%;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" sizes="min(max((min(100vw, 1360px) - 88px) / 3, 1px), 424px)" srcset="https://framerusercontent.com/images/TytWPjLDhqtDYn7NeclLy1PWMs.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/TytWPjLDhqtDYn7NeclLy1PWMs.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/TytWPjLDhqtDYn7NeclLy1PWMs.jpg?scale-down-to=2048 2048w,https://framerusercontent.com/images/TytWPjLDhqtDYn7NeclLy1PWMs.jpg 4096w" src="https://framerusercontent.com/images/TytWPjLDhqtDYn7NeclLy1PWMs.jpg" alt="Choose Us Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </div>
                                    <div data-border="true" data-framer-name="Description" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgb(249, 249, 249);border-radius:24px;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:50px;width: 100%;height:299.375px;padding:32px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Title Block" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:16px;width: 100%;height:88.1562px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Icon" style="aspect-ratio:1 / 1;height:40px;flex: 0 0 auto;width: 40px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="40" height="40" src="https://framerusercontent.com/images/4fHwcHVsebVhlQof5EnvfzVZpUM.svg" alt="Book Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                            <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">4k+ hours videos</h3>
                                            </div>
                                        </div>
                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Hours of meticulously designed courses, created and taught by industry-leading professionals.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-border="true" data-framer-name="Middle Block" style="will-change: transform; opacity: 1; transform: perspective(1200px);opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.000833333, 0, 0, 0, 1);--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgb(249, 249, 249);border-radius:24px;flex-flow:column nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:32px;width: 1px;max-width:424px;height:641.219px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Image" style="aspect-ratio:1 / 1;height:424px;flex: 0 0 auto;width: 100%;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" sizes="min(max((min(100vw, 1360px) - 88px) / 3, 1px), 424px)" srcset="https://framerusercontent.com/images/5wGFU68kAUuW4rVlpgvz8j7OKQ.png?scale-down-to=512 512w,https://framerusercontent.com/images/5wGFU68kAUuW4rVlpgvz8j7OKQ.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/5wGFU68kAUuW4rVlpgvz8j7OKQ.png 1694w" src="https://framerusercontent.com/images/5wGFU68kAUuW4rVlpgvz8j7OKQ.png" alt="Choose Us Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:containbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </div>
                                    <div data-framer-name="Text Block" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:16px;width: 100%;height:185.219px;padding:0px 32px 32px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Title Stack" style="flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:16px;width: 100%;height:40px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Icon" style="aspect-ratio:1 / 1;height:40px;flex: 0 0 auto;width: 40px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="40" height="40" src="https://framerusercontent.com/images/brrSoQlk2NoHOFTQGParH2kTbs.svg" alt="User Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                            <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">A Great Community</h3>
                                            </div>
                                        </div>
                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">We value our global community's support and embrace diversity to create a wel-coming space for everyone to learn.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Right Block" style="will-change: transform; opacity: 1; transform: perspective(1200px) translateY(32px);opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.000833333, 0, 32, 0, 1);flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:24px;width: 1px;max-width:424px;height:632.516px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-border="true" data-framer-name="Description Block" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgb(249, 249, 249);border-radius:24px;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:41px;width: 100%;height:322.531px;padding:32px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Title Block" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:16px;width: 100%;height:120.312px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Icon" style="aspect-ratio:1 / 1;height:40px;flex: 0 0 auto;width: 40px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="40" height="40" src="https://framerusercontent.com/images/KTvzM1bqTi1G3PK4exHMTQy6NTI.svg" alt="Edit Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                            <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Learn-by-Doing, Teach with Purpose</h3>
                                            </div>
                                        </div>
                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Our philosophy: hands-on learning creates impact. Every course fosters practical skills and transparency.</p>
                                        </div>
                                    </div>
                                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Image" style="aspect-ratio:1.48252 / 1;height:285.984px;border-radius:24px;flex: 0 0 auto;width: 100%;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" sizes="min(max((min(100vw, 1360px) - 88px) / 3, 1px), 424px)" srcset="https://framerusercontent.com/images/4wat1wJFOMZsUFXZIgWayB7eC1o.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/4wat1wJFOMZsUFXZIgWayB7eC1o.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/4wat1wJFOMZsUFXZIgWayB7eC1o.jpg?scale-down-to=2048 2048w,https://framerusercontent.com/images/4wat1wJFOMZsUFXZIgWayB7eC1o.jpg 4096w" src="https://framerusercontent.com/images/4wat1wJFOMZsUFXZIgWayB7eC1o.jpg" alt="Choose Us Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Course Section" style="background-color:rgb(249, 249, 249);flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;height:1671.84px;padding:100px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:24px;width: 100%;max-width:1360px;height:1471.84px;padding:0px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <h2 style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-size:56px;--framer-font-weight:700;--framer-letter-spacing:-0.0178571em;--framer-line-height:1.15em;--framer-text-alignment:center;--framer-text-color:var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:56px;letter-spacing:-0.999998px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Our New<span style="--framer-text-color:rgb(21, 21, 21)font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:56px;letter-spacing:-0.999998px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;"> </span><span style="--font-selector:R0Y7RE0gU2VyaWYgVGV4dC1pdGFsaWM=;--framer-font-family:&quot;DM Serif Text&quot;, &quot;DM Serif Text Placeholder&quot;, serif;--framer-font-style:italic;--framer-font-weight:400;--framer-text-color:var(--token-60e27a11-67de-4df2-a5ca-210b2386ad63, rgb(255, 81, 14));--framer-text-transform:capitalizefont-family:'DM Serif Text', 'DM Serif Text Placeholder', serif;font-style:italic;font-weight:400;color:rgb(255, 81, 14);font-size:56px;letter-spacing:-0.999998px;text-transform:capitalize;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 81, 14);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 81, 14);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Courses</span></h2>
                            </div>
                        </div>
                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="All Courses" style="width: 100%; opacity: 1;opacity:1;flex-flow:column nowrap;place-content:center;align-items:center;gap:48px;height:1279.44px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Filter Nav" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:8px;width: 100%;max-width:928px;height:47.8438px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-border="true" data-framer-name="Active" data-highlight="true" tabindex="0" style="--border-bottom-width: 1px; --border-color: rgba(208, 208, 208, 0); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: var(--token-60e27a11-67de-4df2-a5ca-210b2386ad63, rgb(255, 81, 14)); border-radius: 500px; opacity: 1;--border-color: rgba(208, 208, 208, 0);--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgb(255, 81, 14);border-radius:500px;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:12px;width: min-content;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-weight:700;--framer-line-height:1.24em;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(255, 255, 255);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">All Courses</p>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-border="true" data-framer-name="InActive" data-highlight="true" tabindex="0" style="--border-bottom-width: 1px; --border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1;--border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:12px;width: min-content;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-weight:700;--framer-line-height:1.24em;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Programming</p>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-border="true" data-framer-name="InActive" data-highlight="true" tabindex="0" style="--border-bottom-width: 1px; --border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1;--border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:12px;width: min-content;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-weight:700;--framer-line-height:1.24em;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Data Analytics</p>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-border="true" data-framer-name="InActive" data-highlight="true" tabindex="0" style="--border-bottom-width: 1px; --border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1;--border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:12px;width: min-content;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-weight:700;--framer-line-height:1.24em;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Product Design</p>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-border="true" data-framer-name="InActive" data-highlight="true" tabindex="0" style="--border-bottom-width: 1px; --border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1;--border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:12px;width: min-content;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-weight:700;--framer-line-height:1.24em;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Marketing</p>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-border="true" data-highlight="true" tabindex="0" style="--border-bottom-width: 1px; --border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1; will-change: auto;--border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;will-change: auto;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:12px;width: min-content;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-name="InActive">
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1; will-change: auto;--framer-paragraph-spacing: 0px;transform:none;opacity:1;will-change: auto;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p style="--font-selector: R0Y7SGFua2VuIEdyb3Rlc2stNzAw; --framer-font-family: &quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif; --framer-font-weight: 700; --framer-line-height: 1.24em; --framer-text-alignment: center; --framer-text-color: var(--extracted-r6o4lv, var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)));--framer-font-family: 'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;--framer-font-weight: 700;--framer-line-height: 1.24em;--framer-text-alignment: center;--framer-text-color: var(--extracted-r6o4lv, var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)));background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Machine Learning</p>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                    </div>
                                    <div style="opacity: 1;flex: 0 0 auto;grid-template-columns:424px 424px 424px;grid-auto-rows: min-content;justify-content:center;gap:24px;width: 100%;height:1183.59px;padding:0px;display:grid;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <!--$-->
                                        <!--$-->
                                        <div data-framer-name="Post" name="Post" style="opacity: 1;flex: 0 0 auto;place-self:start;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div name="Post" data-framer-name="Default" style="background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); width: 100%; border-radius: 16px; box-shadow: rgba(21, 21, 21, 0.06) 0px 4px 20px 0px; opacity: 1;width: 100%;border-radius:16px;box-shadow:rgba(21, 21, 21, 0.06) 0px 4px 20px 0px;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:24px;height:579.797px;padding:24px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <!--$--><a data-framer-name="Image Wrap" href="./courses/creative-writing-bootcamp" style="border-radius: 12px; opacity: 1;opacity:1;aspect-ratio:1.25333 / 1;height:300px;will-change:auto;flex: 0 0 auto;width: 100%;text-decoration:none;position:relative;overflow:hidden;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-border="true" data-framer-name="Badge" style="--border-bottom-width: 1px; --border-color: rgb(232, 232, 232); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; backdrop-filter: blur(6px); background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;--border-color: rgb(232, 232, 232);--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;backdrop-filter:blur(6px);background-color:rgb(255, 255, 255);border-radius:500px;opacity:1;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:4px;width: min-content;height:30px;padding:8px 12px;display:flex;position:absolute;top:20px;right:20px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="zqaIStbo8" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:14px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:14px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Beginner</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Image" style="transform: none; opacity: 1;opacity:1;flex: 0 0 auto;width: 100%;height:300px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="1128" height="900" sizes="calc(max((calc(min(100vw, 1360px) - 40px) - 48px) / 3, 10px) - 48px)" srcset="https://framerusercontent.com/images/8136BY6iSEiQiFS0aGhF7iJslo.png?scale-down-to=512&amp;width=1128&amp;height=900 512w,https://framerusercontent.com/images/8136BY6iSEiQiFS0aGhF7iJslo.png?scale-down-to=1024&amp;width=1128&amp;height=900 1024w,https://framerusercontent.com/images/8136BY6iSEiQiFS0aGhF7iJslo.png?width=1128&amp;height=900 1128w" src="https://framerusercontent.com/images/8136BY6iSEiQiFS0aGhF7iJslo.png?width=1128&amp;height=900" alt="Course Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </a>
                                                <!--/$-->
                                                <div data-framer-name="Card Body" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:207.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:135.953px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Rating &amp; Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Rating Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:8px;width: 1px;max-width:136px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Star Block" style="opacity: 1;flex-flow:row wrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:2px;width: 1px;height:15px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                </div>
                                                                <div data-framer-name="(4.5)" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-text-color:var(--extracted-r6o4lv, var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(21, 21, 21);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">(4.9)</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: min-content;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">$</div>
                                                                </div>
                                                                <div data-framer-name="Price" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">49.99</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Title &amp; Author Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:4px;width: 100%;height:64.9531px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Data Science Essentials" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Creative Writing Bootcamp</h3>
                                                            </div>
                                                            <div data-framer-name="Author Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:28.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">By </p>
                                                                </div>
                                                                <div data-framer-name="Author Name" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <!--$--><a data-styles-preset="ydjQvwBhR" href="./instructor/desmond-andrade" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Desmond Andrade</a>
                                                                        <!--/$-->
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Details Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:16px;width: 100%;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Duration Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;max-width:120px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Clock" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">5h 30min</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Lesson Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Book" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                </div>
                                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:0px;width: 1px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">6</p>
                                                                    </div>
                                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"> Lessons</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--$--><a data-border="true" data-framer-name="Button" href="./courses/creative-writing-bootcamp" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:12px;width: 100%;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Contact us" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="y6IdWM9Ko" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0em;--framer-line-height: 1.24em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">View Course</p>
                                                        </div>
                                                    </a>
                                                    <!--/$-->
                                                </div>
                                            </div>
                                        </div>
                                        <!--/$-->
                                        <!--$-->
                                        <div data-framer-name="Post" name="Post" style="opacity: 1;flex: 0 0 auto;place-self:start;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div name="Post" data-framer-name="Default" style="background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); width: 100%; border-radius: 16px; box-shadow: rgba(21, 21, 21, 0.06) 0px 4px 20px 0px; opacity: 1;width: 100%;border-radius:16px;box-shadow:rgba(21, 21, 21, 0.06) 0px 4px 20px 0px;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:24px;height:579.797px;padding:24px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <!--$--><a data-framer-name="Image Wrap" href="./courses/product-design-bootcamp" style="border-radius: 12px; opacity: 1;opacity:1;aspect-ratio:1.25333 / 1;height:300px;will-change:auto;flex: 0 0 auto;width: 100%;text-decoration:none;position:relative;overflow:hidden;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-border="true" data-framer-name="Badge" style="--border-bottom-width: 1px; --border-color: rgb(232, 232, 232); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; backdrop-filter: blur(6px); background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;--border-color: rgb(232, 232, 232);--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;backdrop-filter:blur(6px);background-color:rgb(255, 255, 255);border-radius:500px;opacity:1;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:4px;width: min-content;height:30px;padding:8px 12px;display:flex;position:absolute;top:20px;right:20px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="zqaIStbo8" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:14px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:14px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Advanced</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Image" style="transform: none; opacity: 1;opacity:1;flex: 0 0 auto;width: 100%;height:300px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="1504" height="1200" sizes="calc(max((calc(min(100vw, 1360px) - 40px) - 48px) / 3, 10px) - 48px)" srcset="https://framerusercontent.com/images/2Egur2fNYRGPeQKUmUX2PoOqxM.png?scale-down-to=512&amp;width=1504&amp;height=1200 512w,https://framerusercontent.com/images/2Egur2fNYRGPeQKUmUX2PoOqxM.png?scale-down-to=1024&amp;width=1504&amp;height=1200 1024w,https://framerusercontent.com/images/2Egur2fNYRGPeQKUmUX2PoOqxM.png?width=1504&amp;height=1200 1504w" src="https://framerusercontent.com/images/2Egur2fNYRGPeQKUmUX2PoOqxM.png?width=1504&amp;height=1200" alt="Course Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </a>
                                                <!--/$-->
                                                <div data-framer-name="Card Body" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:207.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:135.953px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Rating &amp; Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Rating Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:8px;width: 1px;max-width:136px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Star Block" style="opacity: 1;flex-flow:row wrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:2px;width: 1px;height:15px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                </div>
                                                                <div data-framer-name="(4.5)" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-text-color:var(--extracted-r6o4lv, var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(21, 21, 21);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">(4.3)</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: min-content;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">$</div>
                                                                </div>
                                                                <div data-framer-name="Price" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">299.99</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Title &amp; Author Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:4px;width: 100%;height:64.9531px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Data Science Essentials" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Product Design Bootcamp</h3>
                                                            </div>
                                                            <div data-framer-name="Author Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:28.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">By </p>
                                                                </div>
                                                                <div data-framer-name="Author Name" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <!--$--><a data-styles-preset="ydjQvwBhR" href="./instructor/dr-michael-lee" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Dr. Michael Lee</a>
                                                                        <!--/$-->
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Details Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:16px;width: 100%;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Duration Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;max-width:120px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Clock" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">25h 30min</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Lesson Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Book" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                </div>
                                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:0px;width: 1px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">33</p>
                                                                    </div>
                                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"> Lessons</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--$--><a data-border="true" data-framer-name="Button" href="./courses/product-design-bootcamp" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:12px;width: 100%;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Contact us" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="y6IdWM9Ko" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0em;--framer-line-height: 1.24em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">View Course</p>
                                                        </div>
                                                    </a>
                                                    <!--/$-->
                                                </div>
                                            </div>
                                        </div>
                                        <!--/$-->
                                        <!--$-->
                                        <div data-framer-name="Post" name="Post" style="opacity: 1;flex: 0 0 auto;place-self:start;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div name="Post" style="background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); width: 100%; border-radius: 16px; box-shadow: rgba(21, 21, 21, 0.06) 0px 4px 20px 0px; opacity: 1;width: 100%;border-radius:16px;box-shadow:rgba(21, 21, 21, 0.06) 0px 4px 20px 0px;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:24px;height:579.797px;padding:24px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-name="Default">
                                                <!--$--><a data-framer-name="Image Wrap" href="./courses/digital-marketing-mastery" style="border-radius: 12px; opacity: 1;opacity:1;aspect-ratio:1.25333 / 1;height:300px;will-change:auto;flex: 0 0 auto;width: 100%;text-decoration:none;position:relative;overflow:hidden;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-border="true" data-framer-name="Badge" style="--border-bottom-width: 1px; --border-color: rgb(232, 232, 232); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; backdrop-filter: blur(6px); background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;--border-color: rgb(232, 232, 232);--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;backdrop-filter:blur(6px);background-color:rgb(255, 255, 255);border-radius:500px;opacity:1;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:4px;width: min-content;height:30px;padding:8px 12px;display:flex;position:absolute;top:20px;right:20px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="zqaIStbo8" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:14px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:14px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Beginner</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Image" style="transform: none; opacity: 1; will-change: transform;opacity:1;will-change:transform;flex: 0 0 auto;width: 100%;height:300px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="1128" height="900" sizes="calc(max((calc(min(100vw, 1360px) - 40px) - 48px) / 3, 10px) - 48px)" srcset="https://framerusercontent.com/images/7DxiQnfTf62S6Ng5sqGKo3mp8A8.png?scale-down-to=512&amp;width=1128&amp;height=900 512w,https://framerusercontent.com/images/7DxiQnfTf62S6Ng5sqGKo3mp8A8.png?scale-down-to=1024&amp;width=1128&amp;height=900 1024w,https://framerusercontent.com/images/7DxiQnfTf62S6Ng5sqGKo3mp8A8.png?width=1128&amp;height=900 1128w" src="https://framerusercontent.com/images/7DxiQnfTf62S6Ng5sqGKo3mp8A8.png?width=1128&amp;height=900" alt="Course Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </a>
                                                <!--/$-->
                                                <div data-framer-name="Card Body" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:207.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:135.953px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Rating &amp; Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Rating Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:8px;width: 1px;max-width:136px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Star Block" style="opacity: 1;flex-flow:row wrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:2px;width: 1px;height:15px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                </div>
                                                                <div data-framer-name="(4.5)" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-text-color:var(--extracted-r6o4lv, var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(21, 21, 21);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">(4.4)</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: min-content;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">$</div>
                                                                </div>
                                                                <div data-framer-name="Price" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">99.99</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Title &amp; Author Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:4px;width: 100%;height:64.9531px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Data Science Essentials" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Digital Marketing Mastery</h3>
                                                            </div>
                                                            <div data-framer-name="Author Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:28.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">By </p>
                                                                </div>
                                                                <div data-framer-name="Author Name" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <!--$--><a data-styles-preset="ydjQvwBhR" href="./instructor/alex-reveira" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Alex Reveira</a>
                                                                        <!--/$-->
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Details Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:16px;width: 100%;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Duration Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;max-width:120px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Clock" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">15h 35min</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Lesson Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Book" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                </div>
                                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:0px;width: 1px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">40</p>
                                                                    </div>
                                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"> Lessons</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--$--><a data-border="true" data-framer-name="Button" href="./courses/digital-marketing-mastery" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1; will-change: auto;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;will-change: auto;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:12px;width: 100%;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Contact us" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1; will-change: auto; --extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255));transform:none;opacity:1;will-change: auto;--extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255));white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="y6IdWM9Ko" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0em;--framer-line-height: 1.24em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">View Course</p>
                                                        </div>
                                                    </a>
                                                    <!--/$-->
                                                </div>
                                            </div>
                                        </div>
                                        <!--/$-->
                                        <!--$-->
                                        <div data-framer-name="Post" name="Post" style="opacity: 1;flex: 0 0 auto;place-self:start;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div name="Post" data-framer-name="Default" style="background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); width: 100%; border-radius: 16px; box-shadow: rgba(21, 21, 21, 0.06) 0px 4px 20px 0px; opacity: 1;width: 100%;border-radius:16px;box-shadow:rgba(21, 21, 21, 0.06) 0px 4px 20px 0px;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:24px;height:579.797px;padding:24px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <!--$--><a data-framer-name="Image Wrap" href="./courses/video-editing-masterclass" style="border-radius: 12px; opacity: 1;opacity:1;aspect-ratio:1.25333 / 1;height:300px;will-change:auto;flex: 0 0 auto;width: 100%;text-decoration:none;position:relative;overflow:hidden;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-border="true" data-framer-name="Badge" style="--border-bottom-width: 1px; --border-color: rgb(232, 232, 232); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; backdrop-filter: blur(6px); background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;--border-color: rgb(232, 232, 232);--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;backdrop-filter:blur(6px);background-color:rgb(255, 255, 255);border-radius:500px;opacity:1;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:4px;width: min-content;height:30px;padding:8px 12px;display:flex;position:absolute;top:20px;right:20px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="zqaIStbo8" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:14px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:14px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Intermediate</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Image" style="transform: none; opacity: 1;opacity:1;flex: 0 0 auto;width: 100%;height:300px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="1128" height="900" sizes="calc(max((calc(min(100vw, 1360px) - 40px) - 48px) / 3, 10px) - 48px)" srcset="https://framerusercontent.com/images/JwvWXTcWORlFsJWV5F76T3P5ZE.png?scale-down-to=512&amp;width=1128&amp;height=900 512w,https://framerusercontent.com/images/JwvWXTcWORlFsJWV5F76T3P5ZE.png?scale-down-to=1024&amp;width=1128&amp;height=900 1024w,https://framerusercontent.com/images/JwvWXTcWORlFsJWV5F76T3P5ZE.png?width=1128&amp;height=900 1128w" src="https://framerusercontent.com/images/JwvWXTcWORlFsJWV5F76T3P5ZE.png?width=1128&amp;height=900" alt="Course Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </a>
                                                <!--/$-->
                                                <div data-framer-name="Card Body" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:207.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:135.953px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Rating &amp; Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Rating Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:8px;width: 1px;max-width:136px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Star Block" style="opacity: 1;flex-flow:row wrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:2px;width: 1px;height:15px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                </div>
                                                                <div data-framer-name="(4.5)" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-text-color:var(--extracted-r6o4lv, var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(21, 21, 21);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">(4.8)</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: min-content;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">$</div>
                                                                </div>
                                                                <div data-framer-name="Price" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">149.99</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Title &amp; Author Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:4px;width: 100%;height:64.9531px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Data Science Essentials" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Video Editing Masterclass</h3>
                                                            </div>
                                                            <div data-framer-name="Author Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:28.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">By </p>
                                                                </div>
                                                                <div data-framer-name="Author Name" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <!--$--><a data-styles-preset="ydjQvwBhR" href="./instructor/desmond-andrade" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Desmond Andrade</a>
                                                                        <!--/$-->
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Details Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:16px;width: 100%;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Duration Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;max-width:120px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Clock" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">8h 55min</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Lesson Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Book" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                </div>
                                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:0px;width: 1px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">32</p>
                                                                    </div>
                                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"> Lessons</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--$--><a data-border="true" data-framer-name="Button" href="./courses/video-editing-masterclass" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:12px;width: 100%;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Contact us" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="y6IdWM9Ko" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0em;--framer-line-height: 1.24em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">View Course</p>
                                                        </div>
                                                    </a>
                                                    <!--/$-->
                                                </div>
                                            </div>
                                        </div>
                                        <!--/$-->
                                        <!--$-->
                                        <div data-framer-name="Post" name="Post" style="opacity: 1;flex: 0 0 auto;place-self:start;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div name="Post" data-framer-name="Default" style="background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); width: 100%; border-radius: 16px; box-shadow: rgba(21, 21, 21, 0.06) 0px 4px 20px 0px; opacity: 1;width: 100%;border-radius:16px;box-shadow:rgba(21, 21, 21, 0.06) 0px 4px 20px 0px;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:24px;height:579.797px;padding:24px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <!--$--><a data-framer-name="Image Wrap" href="./courses/photo-manipulation" style="border-radius: 12px; opacity: 1;opacity:1;aspect-ratio:1.25333 / 1;height:300px;will-change:auto;flex: 0 0 auto;width: 100%;text-decoration:none;position:relative;overflow:hidden;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-border="true" data-framer-name="Badge" style="--border-bottom-width: 1px; --border-color: rgb(232, 232, 232); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; backdrop-filter: blur(6px); background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;--border-color: rgb(232, 232, 232);--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;backdrop-filter:blur(6px);background-color:rgb(255, 255, 255);border-radius:500px;opacity:1;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:4px;width: min-content;height:30px;padding:8px 12px;display:flex;position:absolute;top:20px;right:20px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="zqaIStbo8" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:14px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:14px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Beginner</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Image" style="transform: none; opacity: 1;opacity:1;flex: 0 0 auto;width: 100%;height:300px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="1128" height="900" sizes="calc(max((calc(min(100vw, 1360px) - 40px) - 48px) / 3, 10px) - 48px)" srcset="https://framerusercontent.com/images/EEFT5idD5Z7l17UKEyR1ls1NaWg.png?scale-down-to=512&amp;width=1128&amp;height=900 512w,https://framerusercontent.com/images/EEFT5idD5Z7l17UKEyR1ls1NaWg.png?scale-down-to=1024&amp;width=1128&amp;height=900 1024w,https://framerusercontent.com/images/EEFT5idD5Z7l17UKEyR1ls1NaWg.png?width=1128&amp;height=900 1128w" src="https://framerusercontent.com/images/EEFT5idD5Z7l17UKEyR1ls1NaWg.png?width=1128&amp;height=900" alt="Course Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </a>
                                                <!--/$-->
                                                <div data-framer-name="Card Body" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:207.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:135.953px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Rating &amp; Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Rating Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:8px;width: 1px;max-width:136px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Star Block" style="opacity: 1;flex-flow:row wrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:2px;width: 1px;height:15px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                </div>
                                                                <div data-framer-name="(4.5)" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-text-color:var(--extracted-r6o4lv, var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(21, 21, 21);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">(4.7)</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: min-content;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">$</div>
                                                                </div>
                                                                <div data-framer-name="Price" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">66.99</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Title &amp; Author Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:4px;width: 100%;height:64.9531px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Data Science Essentials" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Photo manipulation</h3>
                                                            </div>
                                                            <div data-framer-name="Author Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:28.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">By </p>
                                                                </div>
                                                                <div data-framer-name="Author Name" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <!--$--><a data-styles-preset="ydjQvwBhR" href="./instructor/alex-reveira" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Alex Reveira</a>
                                                                        <!--/$-->
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Details Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:16px;width: 100%;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Duration Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;max-width:120px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Clock" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">5h 30min</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Lesson Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Book" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                </div>
                                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:0px;width: 1px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">24</p>
                                                                    </div>
                                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"> Lessons</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--$--><a data-border="true" data-framer-name="Button" href="./courses/photo-manipulation" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:12px;width: 100%;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Contact us" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="y6IdWM9Ko" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0em;--framer-line-height: 1.24em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">View Course</p>
                                                        </div>
                                                    </a>
                                                    <!--/$-->
                                                </div>
                                            </div>
                                        </div>
                                        <!--/$-->
                                        <!--$-->
                                        <div data-framer-name="Post" name="Post" style="opacity: 1;flex: 0 0 auto;place-self:start;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div name="Post" style="background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); width: 100%; border-radius: 16px; box-shadow: rgba(21, 21, 21, 0.06) 0px 4px 20px 0px; opacity: 1;width: 100%;border-radius:16px;box-shadow:rgba(21, 21, 21, 0.06) 0px 4px 20px 0px;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:24px;height:579.797px;padding:24px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-name="Default">
                                                <!--$--><a data-framer-name="Image Wrap" href="./courses/data-science-essentials" style="border-radius: 12px; opacity: 1;opacity:1;aspect-ratio:1.25333 / 1;height:300px;will-change:auto;flex: 0 0 auto;width: 100%;text-decoration:none;position:relative;overflow:hidden;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-border="true" data-framer-name="Badge" style="--border-bottom-width: 1px; --border-color: rgb(232, 232, 232); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; backdrop-filter: blur(6px); background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;--border-color: rgb(232, 232, 232);--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;backdrop-filter:blur(6px);background-color:rgb(255, 255, 255);border-radius:500px;opacity:1;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:4px;width: min-content;height:30px;padding:8px 12px;display:flex;position:absolute;top:20px;right:20px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="zqaIStbo8" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:14px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:14px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Advanced</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Image" style="transform: none; opacity: 1; will-change: transform;opacity:1;will-change:transform;flex: 0 0 auto;width: 100%;height:300px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="752" height="600" sizes="calc(max((calc(min(100vw, 1360px) - 40px) - 48px) / 3, 10px) - 48px)" srcset="https://framerusercontent.com/images/GL5OI4OyKrA02EMkARWlnzm0g.png?scale-down-to=512&amp;width=752&amp;height=600 512w,https://framerusercontent.com/images/GL5OI4OyKrA02EMkARWlnzm0g.png?width=752&amp;height=600 752w" src="https://framerusercontent.com/images/GL5OI4OyKrA02EMkARWlnzm0g.png?width=752&amp;height=600" alt="Course Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </a>
                                                <!--/$-->
                                                <div data-framer-name="Card Body" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:207.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:135.953px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Rating &amp; Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Rating Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:8px;width: 1px;max-width:136px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Star Block" style="opacity: 1;flex-flow:row wrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:2px;width: 1px;height:15px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                    <div style="opacity: 1;flex: 0 0 auto;width: 16px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:15px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                                </g>
                                                                            </svg></div>
                                                                    </div>
                                                                </div>
                                                                <div data-framer-name="(4.5)" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-text-color:var(--extracted-r6o4lv, var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(21, 21, 21);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">(4.6)</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Price Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: min-content;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">$</div>
                                                                </div>
                                                                <div data-framer-name="Price" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-styles-preset="vMFckPICt" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.45em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:29px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">299.99</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Title &amp; Author Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:4px;width: 100%;height:64.9531px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Data Science Essentials" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Data Science Essentials</h3>
                                                            </div>
                                                            <div data-framer-name="Author Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:28.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">By </p>
                                                                </div>
                                                                <div data-framer-name="Author Name" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <!--$--><a data-styles-preset="ydjQvwBhR" href="./instructor/dr-liam-morgan" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Dr. Liam Morgan</a>
                                                                        <!--/$-->
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Details Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:16px;width: 100%;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Duration Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;max-width:120px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Clock" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">25h 30min</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Lesson Block" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:4px;width: 1px;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="18" height="18" src="https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg" alt="Book" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                </div>
                                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:0px;width: 1px;height:17.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">12</p>
                                                                    </div>
                                                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="Lu1D7K6Tc" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 1.1em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:17.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"> Lessons</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--$--><a data-border="true" data-framer-name="Button" href="./courses/data-science-essentials" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1; will-change: auto;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;will-change: auto;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:12px;width: 100%;height:47.8438px;padding:14px 24px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Contact us" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1; will-change: auto; --extracted-r6o4lv: rgba(255, 255, 255, 0);transform:none;opacity:1;will-change: auto;--extracted-r6o4lv: rgba(255, 255, 255, 0);white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="y6IdWM9Ko" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0em;--framer-line-height: 1.24em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.84px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">View Course</p>
                                                        </div>
                                                    </a>
                                                    <!--/$-->
                                                </div>
                                            </div>
                                        </div>
                                        <!--/$-->
                                        <!--/$-->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div data-framer-name="Button Wrap" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:80px;padding:24px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <!--$-->
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <!--$--><a data-framer-name="Primary" href="./courses" style="background-color: var(--token-60e27a11-67de-4df2-a5ca-210b2386ad63, rgb(255, 81, 14)); border-radius: 500px; opacity: 1;border-radius:500px;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:12px;width: min-content;height:56px;padding:4px 4px 4px 30px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-size:18px;--framer-font-weight:700;--framer-line-height:1.1em;--framer-text-color:var(--extracted-r6o4lv, var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">View All Courses</p>
                                        </div>
                                        <div data-framer-name="Icon Wrap" style="background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;border-radius:500px;opacity:1;aspect-ratio:1 / 1;height:48px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 48px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="transform: rotate(45deg); opacity: 1;opacity:1;flex: 0 0 auto;width: 24px;height:24px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" color="var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21))" style="width: 100%; height: 100%;height:24px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <path fill-rule="evenodd" d="M11.47 2.47a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06l-2.47-2.47V21a.75.75 0 0 1-1.5 0V4.81L8.78 7.28a.75.75 0 0 1-1.06-1.06l3.75-3.75Z" clip-rule="evenodd" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                    </svg></div>
                                            </div>
                                        </div>
                                    </a>
                                    <!--/$-->
                                </div>
                            </div>
                            <!--/$-->
                        </div>
                    </div>
                </section>
                <section data-framer-name="Discover Section" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;width: 100%;height:719.281px;padding:100px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:60px;width: 100%;max-width:1360px;height:519.281px;padding:0px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Section Title Block" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:12px;width: 100%;max-width:724px;height:143.594px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <h2 style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-size:56px;--framer-font-weight:700;--framer-letter-spacing:-0.0178571em;--framer-line-height:1.15em;--framer-text-alignment:center;--framer-text-color:var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:56px;letter-spacing:-0.999998px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Discover, Enroll &amp;<span style="--framer-text-color:rgb(21, 21, 21)font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:56px;letter-spacing:-0.999998px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;"> </span><span style="--font-selector:R0Y7RE0gU2VyaWYgVGV4dC1pdGFsaWM=;--framer-font-family:&quot;DM Serif Text&quot;, &quot;DM Serif Text Placeholder&quot;, serif;--framer-font-style:italic;--framer-font-weight:400;--framer-text-color:var(--token-60e27a11-67de-4df2-a5ca-210b2386ad63, rgb(255, 81, 14));--framer-text-transform:capitalizefont-family:'DM Serif Text', 'DM Serif Text Placeholder', serif;font-style:italic;font-weight:400;color:rgb(255, 81, 14);font-size:56px;letter-spacing:-0.999998px;text-transform:capitalize;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 81, 14);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 81, 14);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Learn</span></h2>
                                </div>
                            </div>
                            <div data-framer-name="Paragraph" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;max-width:644px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <p data-styles-preset="mJu7ukWj1" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: 0px;--framer-line-height: 1.68em;--framer-paragraph-spacing: 20px;--framer-text-alignment: center;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(68, 68, 68);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:33.6px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Follow these simple steps to choose, purchase, and start learning from expertly designed courses tailored to your goals.</p>
                            </div>
                        </div>
                        <div data-framer-name="Discover Widget Block" style="flex-flow:row nowrap;place-content:center space-between;align-items:center;width: 100%;height:315.688px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex:1 0 0px;width: 1px;max-width:380px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Default" style="max-width: 100%; width: 100%; border-radius: 20px; opacity: 1;width: 100%;border-radius:20px;opacity:1;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:32px;height:315.688px;padding:32px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-border="true" data-framer-name="Icon Wrap" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; border-radius: 16px; opacity: 1;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;border-radius:16px;opacity:1;aspect-ratio:1 / 1;height:78.3125px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 22%;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:40px;flex: 0 0 auto;width: 40px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="40" height="40" src="https://framerusercontent.com/images/xt7JeydtTZtxsHSGLIkA55gbSJQ.svg" alt="" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                        </div>
                                        <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:141.375px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <h3 data-styles-preset="tTSnp1QW2" style="--framer-text-alignment:center--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">1. Explore All courses</h3>
                                            </div>
                                            <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="SSsVVt4Ej" style="--framer-text-alignment:center--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Browse through a diverse range of courses tailored to different skills and interests. Use filters like subject.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="will-change:transform;opacity:1;transform:translate(-50%, -50%)aspect-ratio:8.85714 / 1;height:28px;flex: 0 0 auto;width: 248px;position:absolute;top:47.3438px;left:409.188px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Left - Step 2" style="height: 100%; width: 100%; opacity: 1;width: 100%;opacity:1;aspect-ratio:8.85714 / 1;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:0px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Shape Wrap" style="transform-origin: 0% 50% 0px; transform: none;width: 100%;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:10px;height:28px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Shape" style="transform: none; transform-origin: 50% 50% 0px;transform-origin:124px 14px;aspect-ratio:8.85714 / 1;height:28px;z-index:1;flex: 0 0 auto;width: 248px;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="249" height="30" src="https://framerusercontent.com/images/H1mLxzYqxYddmJi94W9QNzcEJ0.svg" alt="Arrow Shape " style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center top;object-fit:containbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex:1 0 0px;width: 1px;max-width:380px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Default" style="max-width: 100%; width: 100%; border-radius: 20px; opacity: 1;width: 100%;border-radius:20px;opacity:1;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:32px;height:315.688px;padding:32px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-border="true" data-framer-name="Icon Wrap" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; border-radius: 16px; opacity: 1;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;border-radius:16px;opacity:1;aspect-ratio:1 / 1;height:78.3125px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 22%;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:40px;flex: 0 0 auto;width: 40px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="40" height="40" src="https://framerusercontent.com/images/Hi7xgwLUVYIokxGc9UYi3dGSW0.svg" alt="Bag Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                        </div>
                                        <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:141.375px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <h3 data-styles-preset="tTSnp1QW2" style="--framer-text-alignment:center--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">2. Purchase Desired Course</h3>
                                            </div>
                                            <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="SSsVVt4Ej" style="--framer-text-alignment:center--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Select your chosen course and complete the one-time payment process. You’ll gain lifetime access to the course.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="will-change:transform;opacity:1;transform:translate(-50%, -50%)aspect-ratio:8.26667 / 1;height:29.9844px;flex: 0 0 auto;width: 248px;position:absolute;top:97.8594px;left:897.594px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Right - Step 2" style="height: 100%; width: 100%; opacity: 1;width: 100%;opacity:1;aspect-ratio:8.26667 / 1;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:0px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Shape Wrap" style="transform-origin: 0% 50% 0px; transform: none;width: 100%;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:10px;height:29.9844px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Shape" style="transform: none; transform-origin: 50% 50% 0px;transform-origin:124px 14.9922px;aspect-ratio:8.26667 / 1;height:29.9844px;z-index:1;flex: 0 0 auto;width: 248px;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="249" height="30" src="https://framerusercontent.com/images/Je5hrAf3RusyYeJJZBYZofw83ek.svg" alt="Arrow Shape " style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center bottom;object-fit:containbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex:1 0 0px;width: 1px;max-width:380px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Default" style="max-width: 100%; width: 100%; border-radius: 20px; opacity: 1;width: 100%;border-radius:20px;opacity:1;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:32px;height:315.688px;padding:32px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-border="true" data-framer-name="Icon Wrap" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; border-radius: 16px; opacity: 1;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;border-radius:16px;opacity:1;aspect-ratio:1 / 1;height:78.3125px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 22%;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:40px;flex: 0 0 auto;width: 40px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="40" height="40" src="https://framerusercontent.com/images/mYhdhWpotv9wQvQ9H6PaWnrQXEQ.svg" alt="Book Icon" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                        </div>
                                        <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:141.375px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <h3 data-styles-preset="tTSnp1QW2" style="--framer-text-alignment:center--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">3. Start Learning Anytime</h3>
                                            </div>
                                            <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="SSsVVt4Ej" style="--framer-text-alignment:center--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Begin your journey at your own pace. Access the course from anywhere and progress step-by-step.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Feature Section" style="background-color:rgb(249, 249, 249);flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:870.484px;padding:100px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:row nowrap;place-content:center space-between;align-items:center;width: 100%;max-width:1360px;height:670.484px;padding:0px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Feature Image" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;aspect-ratio:0.82684 / 1;height:670.484px;border-radius:32px;flex: 0 0 auto;width: 42%;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="1719" height="2079" sizes="calc((min(100vw, 1360px) - 40px) * 0.42)" srcset="https://framerusercontent.com/images/5cM0zunAJOzPyUrrbVXggN5sTw.png?scale-down-to=1024 846w,https://framerusercontent.com/images/5cM0zunAJOzPyUrrbVXggN5sTw.png?scale-down-to=2048 1693w,https://framerusercontent.com/images/5cM0zunAJOzPyUrrbVXggN5sTw.png 1719w" src="https://framerusercontent.com/images/5cM0zunAJOzPyUrrbVXggN5sTw.png" alt="Feature Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                            </div>
                        </div>
                        <div data-framer-name="Description Block" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:60px;width: 47%;max-width:648px;height:504.578px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Title Block" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:238.031px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;max-width:648px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h2 style="--font-selector:R0Y7RE0gU2VyaWYgVGV4dC1pdGFsaWM=;--framer-font-family:&quot;DM Serif Text&quot;, &quot;DM Serif Text Placeholder&quot;, serif;--framer-font-size:56px;--framer-font-style:italic;--framer-letter-spacing:-0.0178571em;--framer-line-height:1.15em;--framer-text-color:var(--token-60e27a11-67de-4df2-a5ca-210b2386ad63, rgb(255, 81, 14));--framer-text-transform:capitalizebackground-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Serif Text', 'DM Serif Text Placeholder', serif;font-style:italic;font-weight:400;color:rgb(255, 81, 14);font-size:56px;letter-spacing:-0.999998px;text-transform:capitalize;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 81, 14);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 81, 14);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><span style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-style:normal;--framer-font-weight:700;--framer-text-color:var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21));--framer-text-transform:nonefont-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:56px;letter-spacing:-0.999998px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Consistent Growth, </span>Endless Possibilities</h2>
                                    </div>
                                </div>
                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;max-width:568px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Learnly’s online learning platform empowers individuals and teams to build essential skills and boost career confidence. Our expertly curated content ensures a seamless journey to success.</p>
                                </div>
                            </div>
                            <div data-framer-name="Feature Widget Grid" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex: 0 0 auto;grid-template-rows:206.547px;grid-template-columns:286.188px 286.203px;grid-auto-rows: min-content;justify-content:center;gap:48px;width: 100%;height:206.547px;padding:0px;display:grid;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Features" name="Features" style="flex: 0 0 auto;place-self:start;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div name="Features" data-framer-name="Default" style="width: 100%; opacity: 1;opacity:1;flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:20px;height:206.547px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-border="true" data-framer-name="Icon Wrap" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; border-radius: 12px; opacity: 1;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;border-radius:12px;opacity:1;aspect-ratio:1 / 1;height:56px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 56px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:32px;flex: 0 0 auto;width: 32px;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="32" height="32" src="https://framerusercontent.com/images/HMlHCgYscnv1jbut8ZNDDv8ti4.svg" alt="" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </div>
                                            <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:130.547px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Unlimited Resources</div>
                                                </div>
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Access a vast library of courses, tools, and materials designed to help you master any skill.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Features" name="Features" style="flex: 0 0 auto;place-self:start;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div name="Features" data-framer-name="Default" style="width: 100%; opacity: 1;opacity:1;flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:20px;height:206.547px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-border="true" data-framer-name="Icon Wrap" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; border-radius: 12px; opacity: 1;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;border-radius:12px;opacity:1;aspect-ratio:1 / 1;height:56px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 56px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:32px;flex: 0 0 auto;width: 32px;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="32" height="32" src="https://framerusercontent.com/images/gIAEjPpqlC0GEKIUAl2VoJdLY.svg" alt="Award" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </div>
                                            <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:130.547px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">50+ Expert instructors</div>
                                                </div>
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Expert instructors on our platform, each bringing years of industry experience and a passion for teaching.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <div data-framer-name="Testimonial Section" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:10px;width: 100%;height:738.594px;padding:100px 0px 60px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;max-width:1360px;height:578.594px;padding:0px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Section Title Stack" style="flex-flow:row nowrap;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:141.219px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Section Title Block" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:12px;width: 1px;max-width:630px;height:141.219px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <h2 style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-size:56px;--framer-font-weight:700;--framer-letter-spacing:-0.0178571em;--framer-line-height:1.15em;--framer-text-color:rgb(21, 21, 21)background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:56px;letter-spacing:-0.999998px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">What Our <span style="--font-selector:R0Y7RE0gU2VyaWYgVGV4dC1pdGFsaWM=;--framer-font-family:&quot;DM Serif Text&quot;, &quot;DM Serif Text Placeholder&quot;, serif;--framer-font-style:italic;--framer-font-weight:400;--framer-text-color:var(--token-60e27a11-67de-4df2-a5ca-210b2386ad63, rgb(255, 81, 14));--framer-text-transform:capitalizefont-family:'DM Serif Text', 'DM Serif Text Placeholder', serif;font-style:italic;font-weight:400;color:rgb(255, 81, 14);font-size:56px;letter-spacing:-0.999998px;text-transform:capitalize;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 81, 14);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 81, 14);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Learners</span> Say</h2>
                                        </div>
                                    </div>
                                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;max-width:590px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Don’t just take our word for it! Here’s what our learners have to say about their journey with Learnly.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--$-->
                            <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <!--$--><a href="./reviews" style="background-color: var(--token-60e27a11-67de-4df2-a5ca-210b2386ad63, rgb(255, 81, 14)); border-radius: 500px; opacity: 1; will-change: auto;border-radius:500px;opacity:1;will-change: auto;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:12px;width: min-content;height:56px;padding:4px 4px 4px 30px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-name="Primary">
                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-size:18px;--framer-font-weight:700;--framer-line-height:1.1em;--framer-text-color:var(--extracted-r6o4lv, var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">View More</p>
                                    </div>
                                    <div data-framer-name="Icon Wrap" style="background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;border-radius:500px;opacity:1;aspect-ratio:1 / 1;height:48px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 48px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="transform: rotate(45deg); opacity: 1; will-change: transform;opacity:1;will-change:transform;flex: 0 0 auto;width: 24px;height:24px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" color="var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21))" style="width: 100%; height: 100%;height:24px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <path fill-rule="evenodd" d="M11.47 2.47a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06l-2.47-2.47V21a.75.75 0 0 1-1.5 0V4.81L8.78 7.28a.75.75 0 0 1-1.06-1.06l3.75-3.75Z" clip-rule="evenodd" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                </svg></div>
                                        </div>
                                    </div>
                                </a>
                                <!--/$-->
                            </div>
                            <!--/$-->
                        </div>
                        <div style="flex: 0 0 auto;grid-template-columns:644px 644px;grid-auto-rows: min-content;justify-content:center;gap:32px;width: 100%;height:397.375px;padding:0px;display:grid;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <!--$-->
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Testimonial Card" name="Testimonial Card" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex: 0 0 auto;place-self:start;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div name="Testimonial Card" data-border="true" data-framer-name="Default" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: var(--token-d38ea4d8-0ce1-4361-8ee1-a9f3c0c6ee83, rgb(249, 249, 249)); width: 100%; border-radius: 24px; opacity: 1;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgb(249, 249, 249);width: 100%;border-radius:24px;opacity:1;flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:40px;height:397.375px;padding:48px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Default" style="width: 100%; opacity: 1;opacity:1;flex-flow:row wrap;place-content:center flex-start;align-items:center;gap:2px;height:23px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="opacity: 1;flex: 0 0 auto;width: 24px;height:23px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:23px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                                <div style="opacity: 1;flex: 0 0 auto;width: 24px;height:23px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:23px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                                <div style="opacity: 1;flex: 0 0 auto;width: 24px;height:23px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:23px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                                <div style="opacity: 1;flex: 0 0 auto;width: 24px;height:23px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:23px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                                <div style="opacity: 1;flex: 0 0 auto;width: 24px;height:23px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:23px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-framer-name="Review Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="mJu7ukWj1" style="--framer-text-alignment:left--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: 0px;--framer-line-height: 1.68em;--framer-paragraph-spacing: 20px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(68, 68, 68);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:33.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">"The courses on Learly are incredible. I learned digital marketing from scratch and landed a job in just three months. The instructors are amazing, and the platform is so easy to use. Truly life-changing!"</p>
                                        </div>
                                        <div data-framer-name="User Info Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:40px;width: 100%;height:64px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="User Info" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:flex-end flex-start;align-items:flex-end;gap:8px;width: 1px;height:32.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="User Name" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Marketing Specialist</h3>
                                                </div>
                                                <div data-framer-name="User Designation" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Jhonny Dope,</p>
                                                </div>
                                            </div>
                                            <div data-framer-name="User Image" style="border-radius: 500px; opacity: 1;opacity:1;aspect-ratio:1 / 1;height:64px;flex: 0 0 auto;width: 64px;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="256" height="257" src="https://framerusercontent.com/images/rvUmqvCWSlGjZMuf11ul95crPU.png" alt="User Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center top;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Testimonial Card" name="Testimonial Card" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex: 0 0 auto;place-self:start;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div name="Testimonial Card" data-border="true" data-framer-name="Default" style="--border-bottom-width: 1px; --border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: var(--token-d38ea4d8-0ce1-4361-8ee1-a9f3c0c6ee83, rgb(249, 249, 249)); width: 100%; border-radius: 24px; opacity: 1;--border-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgb(249, 249, 249);width: 100%;border-radius:24px;opacity:1;flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:40px;height:397.375px;padding:48px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Default" style="width: 100%; opacity: 1;opacity:1;flex-flow:row wrap;place-content:center flex-start;align-items:center;gap:2px;height:23px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="opacity: 1;flex: 0 0 auto;width: 24px;height:23px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:23px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                                <div style="opacity: 1;flex: 0 0 auto;width: 24px;height:23px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:23px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                                <div style="opacity: 1;flex: 0 0 auto;width: 24px;height:23px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:23px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                                <div style="opacity: 1;flex: 0 0 auto;width: 24px;height:23px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:23px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                                <div style="opacity: 1;flex: 0 0 auto;width: 24px;height:23px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); color: var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0)); flex-shrink: 0;width: 100%;height:23px;display:inline-block;fill:rgb(255, 208, 0);color:rgb(255, 208, 0);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-32d7a139-ad13-445e-bdaf-c978ae411e2a, rgb(255, 208, 0))" weight="fill" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-framer-name="Review Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="mJu7ukWj1" style="--framer-text-alignment:left--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: 0px;--framer-line-height: 1.68em;--framer-paragraph-spacing: 20px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(68, 68, 68);font-size:20px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:33.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">"Learly made learning easy and fun. I explored data science and UI/UX design at my own pace. The detailed courses and hands-on projects helped me build confidence and real skills. Highly recommend it!"</p>
                                        </div>
                                        <div data-framer-name="User Info Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:40px;width: 100%;height:64px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="User Info" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:flex-end flex-start;align-items:flex-end;gap:8px;width: 1px;height:32.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="User Name" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <h3 data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">James Patel,</h3>
                                                </div>
                                                <div data-framer-name="User Designation" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Freelance UI/UX Designer</p>
                                                </div>
                                            </div>
                                            <div data-framer-name="User Image" style="border-radius: 500px; opacity: 1;opacity:1;aspect-ratio:1 / 1;height:64px;flex: 0 0 auto;width: 64px;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="256" height="257" src="https://framerusercontent.com/images/aCUQwg4vD3p2rcHSJkMfWYL15g.png" alt="User Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center top;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--/$-->
                        </div>
                    </div>
                </div>
            </div>
            <div style="margin-bottom:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
            <div style="background:rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;flex-grow:1;width: 0px;height:0px;margin:0px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
            <div style="flex: 0 0 auto;order:1002;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <section data-framer-name="Desktop" style="width: 100%; opacity: 1;opacity:1;flex-flow:column nowrap;place-content:center;align-items:center;gap:10px;height:665.625px;padding:60px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Container" style="opacity: 1;z-index:0;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:48px;width: 100%;max-width:1360px;height:545.625px;padding:0px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Hero Content Wrapper" style="background-color: var(--token-d38ea4d8-0ce1-4361-8ee1-a9f3c0c6ee83, rgb(249, 249, 249)); border-radius: 40px; opacity: 1;border-radius:40px;opacity:1;will-change:auto;z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:40px;width: 100%;height:545.625px;padding:120px 0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Background Shape" style="opacity: 1;z-index:1;flex: 0 0 auto;width: 100%;max-width:1320px;height:545.625px;position:absolute;top:0px;left:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="1320" height="533" sizes="min(min(100vw, 1360px) - 40px, 1320px)" srcset="https://framerusercontent.com/images/hLN46BrMGUFlrVIVnnIVCFNqN0U.png?scale-down-to=512 512w,https://framerusercontent.com/images/hLN46BrMGUFlrVIVnnIVCFNqN0U.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/hLN46BrMGUFlrVIVnnIVCFNqN0U.png 1320w" src="https://framerusercontent.com/images/hLN46BrMGUFlrVIVnnIVCFNqN0U.png" alt="Union" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                </div>
                                <div background="[object Object]" data-framer-name="Image Mask Right" style="mask: url(&quot;https://framerusercontent.com/images/EnTBG4DXNqvVioON2fenZJhe6q0.svg&quot;) center center / cover no-repeat alpha; opacity: 1;opacity:1;aspect-ratio:0.852507 / 1;height:340.625px;z-index:2;flex: 0 0 auto;width: 22%;position:absolute;top:0px;right:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Image" style="transform: translate(-50%, -50%); opacity: 1;opacity:1;aspect-ratio:1.5 / 1;height:358.141px;flex: 0 0 auto;width: 185%;position:absolute;top:146.469px;left:229.406px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="2134" height="1425" sizes="calc((min(100vw, 1360px) - 40px) * 0.4045)" srcset="https://framerusercontent.com/images/FqOcK9akSMnBaj4e39zgqC6m8.png?scale-down-to=512 512w,https://framerusercontent.com/images/FqOcK9akSMnBaj4e39zgqC6m8.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/FqOcK9akSMnBaj4e39zgqC6m8.png?scale-down-to=2048 2048w,https://framerusercontent.com/images/FqOcK9akSMnBaj4e39zgqC6m8.png 2134w" src="https://framerusercontent.com/images/FqOcK9akSMnBaj4e39zgqC6m8.png" alt="" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:30% 50%;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                    </div>
                                </div>
                                <div background="[object Object]" data-framer-name="Image Mask Left" style="mask: url(&quot;https://framerusercontent.com/images/A48x0dClU1jFecqxvsnXIhjVuUw.svg&quot;) center center / cover no-repeat alpha; opacity: 1;opacity:1;aspect-ratio:1.12406 / 1;height:270.078px;z-index:2;flex: 0 0 auto;width: 23%;position:absolute;bottom:0px;left:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Image" style="transform: translate(-50%, -50%); opacity: 1;opacity:1;aspect-ratio:1.77544 / 1;height:224px;flex: 0 0 auto;width: 131%;position:absolute;top:202.547px;left:36.4219px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="2024" height="1140" sizes="calc((min(100vw, 1360px) - 40px) / 3.376)" srcset="https://framerusercontent.com/images/22l2NKVipfO8kNlRCexP1yhec.png?scale-down-to=512 512w,https://framerusercontent.com/images/22l2NKVipfO8kNlRCexP1yhec.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/22l2NKVipfO8kNlRCexP1yhec.png 2024w" src="https://framerusercontent.com/images/22l2NKVipfO8kNlRCexP1yhec.png" alt="" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                    </div>
                                </div>
                                <div data-framer-name="Hero Description" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;z-index:2;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:16px;width: 100%;max-width:1032px;height:209.625px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="--extracted-1of0zx5: var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)); --extracted-1qn201a: rgb(255, 81, 14); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--extracted-1qn201a: rgb(255, 81, 14);--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;max-width:724px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h2 style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-size:56px;--framer-font-weight:700;--framer-letter-spacing:-0.0178571em;--framer-line-height:1.15em;--framer-text-alignment:center;--framer-text-color:var(--extracted-1of0zx5, var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21)))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:56px;letter-spacing:-0.999998px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Unlock Your Learning <span style="--font-selector:R0Y7RE0gU2VyaWYgVGV4dC1pdGFsaWM=;--framer-font-family:&quot;DM Serif Text&quot;, &quot;DM Serif Text Placeholder&quot;, serif;--framer-font-style:italic;--framer-font-weight:400;--framer-text-color:var(--extracted-1qn201a, rgb(255, 81, 14));--framer-text-transform:capitalizefont-family:'DM Serif Text', 'DM Serif Text Placeholder', serif;font-style:italic;font-weight:400;color:rgb(255, 81, 14);font-size:56px;letter-spacing:-0.999998px;text-transform:capitalize;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 81, 14);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:64.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 81, 14);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Potential Today</span></h2>
                                    </div>
                                    <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;max-width:542px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="SSsVVt4Ej" style="--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-8ce39644-6036-46af-a3f7-8ef5b22206ff, rgb(68, 68, 68)))--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Join thousands of learners around the world who are advancing their careers with our expertly crafted courses. </p>
                                    </div>
                                </div>
                                <!--$-->
                                <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;z-index:2;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <!--$--><a data-framer-name="Primary" href="./courses" style="background-color: var(--token-60e27a11-67de-4df2-a5ca-210b2386ad63, rgb(255, 81, 14)); border-radius: 500px; opacity: 1;border-radius:500px;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:12px;width: min-content;height:56px;padding:4px 4px 4px 30px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p style="--font-selector:R0Y7SGFua2VuIEdyb3Rlc2stNzAw;--framer-font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Placeholder&quot;, sans-serif;--framer-font-size:18px;--framer-font-weight:700;--framer-line-height:1.1em;--framer-text-color:var(--extracted-r6o4lv, var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)))background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Explore Courses</p>
                                        </div>
                                        <div data-framer-name="Icon Wrap" style="background-color: var(--token-45dc5b98-5f37-4d75-bbed-428b7260b726, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;border-radius:500px;opacity:1;aspect-ratio:1 / 1;height:48px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 48px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="transform: rotate(45deg); opacity: 1;opacity:1;flex: 0 0 auto;width: 24px;height:24px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="display:contentsbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" color="var(--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c, rgb(21, 21, 21))" style="width: 100%; height: 100%;height:24px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <path fill-rule="evenodd" d="M11.47 2.47a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06l-2.47-2.47V21a.75.75 0 0 1-1.5 0V4.81L8.78 7.28a.75.75 0 0 1-1.06-1.06l3.75-3.75Z" clip-rule="evenodd" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                    </svg></div>
                                            </div>
                                        </div>
                                    </a>
                                    <!--/$-->
                                </div>
                                <!--/$-->
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <div style="flex: 0 0 auto;order:1003;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <footer data-framer-name="Desktop" style="width: 100%; opacity: 1;opacity:1;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:10px;height:563.047px;padding:60px 0px 40px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Container" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:104px;width: 100%;max-width:1360px;height:463.047px;padding:0px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Footer Top Content Wrapper" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start space-between;align-items:flex-start;width: 100%;height:289.25px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Description Block" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:80px;width: 1px;max-width:314px;height:289.25px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Text Block" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:32px;width: 100%;height:169.25px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <!--$--><a as="a" data-framer-name="Logo" href="./" data-framer-page-link-current="true" style="opacity: 1;aspect-ratio:4.19512 / 1;height:40.0312px;will-change:auto;flex: 0 0 auto;width: 168px;text-decoration:none;position:relative;overflow:hidden;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="169" height="41" src="https://framerusercontent.com/images/7AVy9N9Zf91Bg8Lza2IFcteyo0.svg?width=169&amp;height=41" alt="Logo" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </a>
                                        <!--/$-->
                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Learly is an e-learning platform offering courses to help you master in-demand skills.</p>
                                        </div>
                                    </div>
                                    <div data-framer-name="Social Icon Block" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;max-width:208px;height:40px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-border="true" data-framer-name="Default" href="https://facebook.com" target="_blank" rel="noopener" style="--border-bottom-width: 1px; --border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1;--border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;cursor:pointer;will-change:auto;flex-flow:row nowrap;place-content:center;align-items:center;gap:0px;width: 40px;height:40px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:16px;flex: 0 0 auto;width: 16px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="8" height="17" src="https://framerusercontent.com/images/DkdSUSZirP3O9TWRqcVZftnbhVo.svg" alt="" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:containbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-border="true" data-framer-name="Default" href="https://instagram.com" target="_blank" rel="noopener" style="--border-bottom-width: 1px; --border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1;--border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;cursor:pointer;will-change:auto;flex-flow:row nowrap;place-content:center;align-items:center;gap:0px;width: 40px;height:40px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:16px;flex: 0 0 auto;width: 16px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="16" height="17" src="https://framerusercontent.com/images/fQ2ylb2KWJLf8OxPxleejKefWM.svg?width=16&amp;height=17" alt="Instagram" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:containbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-border="true" data-framer-name="Default" href="https://twitter.com" target="_blank" rel="noopener" style="--border-bottom-width: 1px; --border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1;--border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;cursor:pointer;will-change:auto;flex-flow:row nowrap;place-content:center;align-items:center;gap:0px;width: 40px;height:40px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:16px;flex: 0 0 auto;width: 16px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="16" height="17" src="https://framerusercontent.com/images/DDYbJsvuc2fvKloFqno8hElmiiM.svg?width=16&amp;height=17" alt="Twitter" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:containbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <!--$--><a data-border="true" data-framer-name="Default" href="https://linkedin.com" target="_blank" rel="noopener" style="--border-bottom-width: 1px; --border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); border-radius: 500px; opacity: 1;--border-color: var(--token-82dc333d-9003-46ec-8b50-e51dc363e4ac, rgb(208, 208, 208));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);border-radius:500px;opacity:1;cursor:pointer;will-change:auto;flex-flow:row nowrap;place-content:center;align-items:center;gap:0px;width: 40px;height:40px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon" style="opacity: 1;aspect-ratio:1 / 1;height:16px;flex: 0 0 auto;width: 16px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="16" height="17" src="https://framerusercontent.com/images/L6opNLJoyd5DxFmYbP1zFFt7qM.svg?width=16&amp;height=17" alt="Linkedin" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:containbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </a>
                                            <!--/$-->
                                        </div>
                                    </div>
                                </div>
                                <div data-framer-name="Menu Item Wrapper" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:flex-start space-between;align-items:flex-start;width: 1px;max-width:801px;height:221.781px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Menu Item Block" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:24px;width: 1px;max-width:230px;height:221.781px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Navigate</div>
                                        </div>
                                        <div data-framer-name="Menu Item List" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:165.625px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Menu" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <!--$--><a data-styles-preset="ydjQvwBhR" href="./" data-framer-page-link-current="true" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:18px;text-transform:none;border-radius:0px;corner-shape:round;padding:0px;cursor:pointer;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Home</a>
                                                    <!--/$-->
                                                </p>
                                            </div>
                                            <div data-framer-name="Menu" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <!--$--><a data-styles-preset="ydjQvwBhR" href="./about" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:18px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">About</a>
                                                    <!--/$-->
                                                </p>
                                            </div>
                                            <div data-framer-name="Menu" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <!--$--><a data-styles-preset="ydjQvwBhR" href="./courses" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:18px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Courses</a>
                                                    <!--/$-->
                                                </p>
                                            </div>
                                            <div data-framer-name="Menu" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <!--$--><a data-styles-preset="ydjQvwBhR" href="./blog" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:18px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Blog</a>
                                                    <!--/$-->
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-name="Menu item Block" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:24px;width: 1px;max-width:230px;height:177.375px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Company</div>
                                        </div>
                                        <div data-framer-name="Menu Item List" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:121.219px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Menu Item" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <!--$--><a data-styles-preset="ydjQvwBhR" href="./contact" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:18px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Contact us</a>
                                                    <!--/$-->
                                                </p>
                                            </div>
                                            <div data-framer-name="Menu Item" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <!--$--><a data-styles-preset="ydjQvwBhR" href="./faqs" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:18px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Faq</a>
                                                    <!--/$-->
                                                </p>
                                            </div>
                                            <div data-framer-name="Menu" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <!--$--><a data-styles-preset="ydjQvwBhR" href="./reviews" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:18px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Testimonials</a>
                                                    <!--/$-->
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-name="Menu Item Block" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:24px;width: 1px;max-width:230px;height:88.5625px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Title" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-styles-preset="tTSnp1QW2" style="--framer-font-family: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-family-bold: 'Hanken Grotesk',sans-serif;--framer-font-family-bold-italic: 'Hanken Grotesk',sans-serif;--framer-font-family-italic: 'Hanken Grotesk','Hanken Grotesk Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 24px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-font-weight-bold-italic: 900;--framer-font-weight-italic: 700;--framer-letter-spacing: 0px;--framer-line-height: 1.34em;--framer-paragraph-spacing: 64px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'Hanken Grotesk', 'Hanken Grotesk Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(21, 21, 21);font-size:24px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(21, 21, 21);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.16px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(21, 21, 21);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Utility Pages</div>
                                        </div>
                                        <div data-framer-name="Menu Item List" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:32.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Menu" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="SSsVVt4Ej" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:32.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <!--$--><a data-styles-preset="ydjQvwBhR" href="./404" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:18px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">404</a>
                                                    <!--/$-->
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-framer-name="Bottom Content Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:40px;width: 100%;height:69.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Divider" style="background-color: var(--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6, rgb(232, 232, 232)); will-change: transform; opacity: 1; transform: none;will-change:transform;opacity:1;transform:none;flex: 0 0 auto;width: 100%;height:1px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                <div data-framer-name="Bottom Content Stack" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start space-between;align-items:flex-start;width: 100%;height:28.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Copy Right Text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;max-width:513px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">© Copyright 2026, All Rights Reserved by UiMile - Powered by
                                            <!--$--><a data-styles-preset="ydjQvwBhR" href="https://framer.com" target="_blank" rel="noopener" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Framer</a>
                                            <!--/$-->
                                        </p>
                                    </div>
                                    <div data-framer-name="Menu Item Stack" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center space-between;align-items:center;width: 1px;max-width:286px;height:28.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Menu Item" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <!--$--><a data-styles-preset="ydjQvwBhR" href="./privacy-policy" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Privacy Policy</a>
                                                <!--/$-->
                                            </p>
                                        </div>
                                        <div data-framer-name="Menu Item" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 0px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="oBJF9wJmF" style="--framer-font-family: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-bold-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-family-italic: 'DM Sans','DM Sans Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0px;--framer-line-height: 1.8em;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(68, 68, 68);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(68, 68, 68);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <!--$--><a data-styles-preset="ydjQvwBhR" href="./terms-and-conditions" style="--framer-link-current-text-decoration: none;--framer-link-hover-text-color: 1;--framer-link-hover-text-decoration: none;--framer-link-text-decoration: none;transition:color 0.4s cubic-bezier(0.44, 0, 0.56, 1);color:rgb(68, 68, 68);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(68, 68, 68);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'DM Sans', 'DM Sans Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Terms and condition</a>
                                                <!--/$-->
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </footer>
                </div>
            </div>
        </div>
        <div style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
        <!--/$-->
        <!--/$-->
    </div>
    <div style="pointer-events:none;width: 100%;z-index:2147483647;justify-content:flex-end;padding:20px;display:flex;position:fixed;bottom:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
        <!--$-->
        <!--$-->
        <!--$--><a data-framer-appear-id="n0ccwk" data-framer-name="Light" data-nosnippet="true" style="will-change: transform; pointer-events: auto; opacity: 1; transform: none;pointer-events: auto;opacity:1;transform:none;gap:10px;height:38px;overflow:visible;position:relative;text-decoration:none;width: 140px;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" href="https://www.framer.com" rel="noopener" title="Create a free website with Framer, the website builder loved by startups, designers and agencies.">
            <div data-framer-name="Backdrop" style="background-color: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.17) 0px 0.602187px 1.56569px -1.5px, rgba(0, 0, 0, 0.14) 0px 2.28853px 5.95019px -3px, rgba(0, 0, 0, 0.02) 0px 10px 26px -4.5px; opacity: 1;border-radius:10px;box-shadow:rgba(0, 0, 0, 0.17) 0px 0.602187px 1.56569px -1.5px, rgba(0, 0, 0, 0.14) 0px 2.28853px 5.95019px -3px, rgba(0, 0, 0, 0.02) 0px 10px 26px -4.5px;opacity:1;inset:1px;flex: 0 0 auto;overflow:hidden;position:absolute;will-change:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
            <div data-framer-name="Content" style="transform: translate(-50%, -50%); opacity: 1;opacity:1;place-content:center flex-start;align-items:center;display:flex;flex: 0 0 auto;flex-flow:row nowrap;gap:10px;height:16px;left:70px;overflow:visible;padding:0px;position:absolute;top:19px;width: min-content;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <div style="opacity: 1;flex: 0 0 auto;height:16px;overflow:visible;position:relative;width: 12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Logo" style="--1bd4d3i: rgb(0, 0, 0); --otdjsv: rgb(0, 0, 0); transform: translateX(-50%); opacity: 1;--otdjsv: rgb(0, 0, 0);transform:matrix(1, 0, 0, 1, -6, 0);opacity:1;aspect-ratio:0.6 / 1;background-color:rgb(0, 0, 0);mask-image:url('data:image/svg+xml,<svg display=\'block\' role=\'presentation\' viewBox=\'0 0 12 20\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M 0 0 L 12 0 L 12 6 L 6 6 Z M 0 6 L 6 6 L 12 12 L 6 12 L 6 18 L 0 12 Z\' fill=\'var(--1bd4d3i, rgb(0, 0, 0))\' height=\'18px\' id=\'td4SVg2I8\' transform=\'translate(0 1.5)\' width=\'12px\'/></svg>'), none;mask-mode:match-source, match-source;mask-position:50% 50%, 50% 50%;mask-repeat:no-repeat, no-repeat;mask-size: auto;width: 12px;flex: 0 0 auto;height:20px;left:6px;position:absolute;top:-2px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                </div>
                <!--$-->
                <p style="position:absolute;transform:scale(0.001)margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Create a free website with Framer, the website builder loved by startups, designers and agencies.</p>
                <div data-framer-name="Text" style="--1bd4d3i: rgb(0, 0, 0); --otdjsv: rgb(0, 0, 0); opacity: 1;--otdjsv: rgb(0, 0, 0);opacity:1;aspect-ratio:9.7 / 1;background-color:rgb(0, 0, 0);mask-image:url('data:image/svg+xml,<svg display=\'block\' role=\'presentation\' viewBox=\'0 0 97 10\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M 91.736 9.781 L 91.736 2.818 L 93.316 2.818 L 93.316 3.98 L 93.374 3.98 C 93.501 3.577 93.714 3.269 94.014 3.053 C 94.328 2.833 94.704 2.72 95.087 2.729 C 95.185 2.729 95.287 2.733 95.392 2.742 C 95.498 2.75 95.587 2.759 95.659 2.767 L 95.659 4.253 C 95.552 4.23 95.444 4.215 95.335 4.209 C 95.188 4.192 95.039 4.184 94.891 4.184 C 94.603 4.184 94.343 4.247 94.11 4.374 C 93.882 4.497 93.702 4.674 93.57 4.907 C 93.434 5.16 93.366 5.445 93.374 5.732 L 93.374 9.782 L 91.736 9.782 Z M 87.286 9.927 C 86.588 9.927 85.985 9.779 85.477 9.483 C 84.969 9.183 84.577 8.761 84.303 8.22 C 84.032 7.678 83.897 7.048 83.897 6.328 C 83.897 5.618 84.032 4.988 84.303 4.443 C 84.56 3.917 84.96 3.475 85.458 3.167 C 85.953 2.858 86.531 2.704 87.191 2.704 C 87.64 2.704 88.059 2.78 88.448 2.932 C 88.841 3.08 89.186 3.305 89.482 3.605 C 89.779 3.901 90.009 4.272 90.174 4.715 C 90.344 5.155 90.428 5.67 90.428 6.258 L 90.428 6.748 L 84.627 6.748 L 84.627 5.629 L 89.609 5.629 L 88.86 5.946 C 88.868 5.594 88.801 5.243 88.664 4.918 C 88.549 4.641 88.355 4.404 88.105 4.238 C 87.86 4.074 87.559 3.991 87.204 3.991 C 86.852 3.991 86.55 4.074 86.296 4.239 C 86.042 4.404 85.847 4.629 85.712 4.912 C 85.576 5.213 85.509 5.54 85.515 5.87 L 85.515 6.62 C 85.515 7.047 85.587 7.413 85.731 7.717 C 85.879 8.017 86.089 8.248 86.359 8.409 C 86.63 8.566 86.948 8.644 87.312 8.644 C 87.562 8.644 87.786 8.608 87.984 8.536 C 88.177 8.467 88.353 8.356 88.499 8.212 C 88.642 8.072 88.749 7.906 88.816 7.711 L 90.326 7.921 C 90.228 8.313 90.032 8.673 89.756 8.968 C 89.476 9.268 89.125 9.503 88.702 9.672 C 88.282 9.842 87.811 9.926 87.286 9.926 Z M 72.643 9.781 L 72.643 2.818 L 74.191 2.818 L 74.235 4.443 L 74.115 4.443 C 74.225 4.041 74.385 3.713 74.597 3.459 C 74.798 3.212 75.055 3.016 75.347 2.888 C 75.63 2.761 75.928 2.698 76.241 2.698 C 76.753 2.698 77.177 2.854 77.511 3.167 C 77.849 3.48 78.074 3.922 78.184 4.494 L 77.987 4.494 C 78.066 4.132 78.232 3.795 78.469 3.51 C 78.691 3.248 78.972 3.041 79.289 2.907 C 79.615 2.766 79.968 2.695 80.323 2.697 C 80.746 2.697 81.127 2.79 81.465 2.977 C 81.808 3.159 82.077 3.429 82.272 3.789 C 82.47 4.149 82.57 4.591 82.57 5.116 L 82.57 9.781 L 80.939 9.781 L 80.939 5.363 C 80.939 4.923 80.818 4.602 80.577 4.398 C 80.333 4.19 80.021 4.08 79.701 4.088 C 79.434 4.088 79.204 4.145 79.009 4.258 C 78.816 4.371 78.66 4.536 78.559 4.735 C 78.449 4.953 78.394 5.195 78.399 5.439 L 78.399 9.781 L 76.813 9.781 L 76.813 5.287 C 76.813 4.923 76.698 4.633 76.47 4.417 C 76.246 4.197 75.958 4.087 75.606 4.087 C 75.366 4.087 75.143 4.145 74.94 4.259 C 74.737 4.374 74.569 4.543 74.458 4.748 C 74.339 4.963 74.28 5.23 74.28 5.548 L 74.28 9.781 L 72.642 9.781 Z M 67.291 9.915 C 66.724 9.915 66.221 9.771 65.781 9.483 C 65.344 9.191 65 8.776 64.746 8.239 C 64.496 7.701 64.371 7.059 64.371 6.309 C 64.371 5.552 64.498 4.904 64.752 4.367 C 65.01 3.829 65.359 3.419 65.799 3.135 C 66.244 2.851 66.763 2.703 67.291 2.71 C 67.668 2.71 67.987 2.771 68.25 2.894 C 68.516 3.013 68.736 3.164 68.91 3.351 C 69.083 3.533 69.22 3.719 69.322 3.91 L 69.38 3.91 L 69.38 2.818 L 70.998 2.818 L 70.998 9.781 L 69.38 9.781 L 69.38 8.696 L 69.322 8.696 C 69.211 8.908 69.07 9.102 68.903 9.273 C 68.726 9.46 68.503 9.614 68.237 9.737 C 67.938 9.863 67.615 9.923 67.291 9.915 Z M 67.723 8.563 C 68.078 8.563 68.383 8.469 68.637 8.283 C 68.901 8.079 69.101 7.804 69.215 7.49 C 69.35 7.147 69.418 6.751 69.418 6.303 C 69.418 5.85 69.35 5.456 69.214 5.123 C 69.103 4.811 68.902 4.539 68.637 4.341 C 68.387 4.155 68.083 4.062 67.723 4.062 C 67.363 4.062 67.058 4.155 66.809 4.342 C 66.559 4.528 66.369 4.788 66.237 5.122 C 66.107 5.456 66.041 5.85 66.041 6.302 C 66.041 6.752 66.106 7.145 66.237 7.483 C 66.369 7.822 66.559 8.086 66.809 8.277 C 67.063 8.467 67.367 8.563 67.723 8.563 Z M 59.909 9.781 L 59.909 2.818 L 61.489 2.818 L 61.489 3.98 L 61.546 3.98 C 61.673 3.577 61.887 3.269 62.188 3.053 C 62.488 2.837 62.846 2.729 63.26 2.729 C 63.358 2.729 63.46 2.733 63.565 2.742 C 63.671 2.75 63.76 2.759 63.832 2.767 L 63.832 4.253 C 63.725 4.23 63.617 4.215 63.508 4.209 C 63.361 4.192 63.212 4.184 63.064 4.184 C 62.776 4.184 62.516 4.247 62.283 4.374 C 62.054 4.497 61.875 4.674 61.743 4.907 C 61.607 5.16 61.539 5.445 61.546 5.732 L 61.546 9.782 L 59.909 9.782 Z M 52.647 9.781 L 52.647 0.323 L 58.804 0.323 L 58.804 1.758 L 54.336 1.758 L 54.336 4.513 L 58.411 4.513 L 58.411 5.928 L 54.336 5.928 L 54.336 9.781 Z M 43.265 5.744 L 43.265 9.781 L 41.628 9.781 L 41.628 2.818 L 43.195 2.818 L 43.215 4.551 L 43.024 4.551 C 43.223 3.946 43.517 3.489 43.906 3.18 C 44.296 2.867 44.78 2.71 45.36 2.71 C 45.842 2.71 46.263 2.814 46.623 3.021 C 46.987 3.228 47.268 3.531 47.467 3.929 C 47.67 4.322 47.772 4.805 47.772 5.376 L 47.772 9.781 L 46.141 9.781 L 46.141 5.63 C 46.141 5.147 46.018 4.775 45.773 4.513 C 45.531 4.246 45.195 4.113 44.763 4.113 C 44.475 4.113 44.217 4.176 43.989 4.303 C 43.762 4.429 43.576 4.619 43.456 4.849 C 43.329 5.09 43.266 5.389 43.266 5.744 Z M 38.353 9.781 L 38.353 2.818 L 39.99 2.818 L 39.99 9.781 L 38.352 9.781 Z M 39.171 1.815 C 38.919 1.821 38.675 1.728 38.491 1.555 C 38.31 1.389 38.208 1.153 38.212 0.907 C 38.208 0.663 38.31 0.43 38.492 0.267 C 38.674 0.091 38.918 -0.005 39.171 0 C 39.438 0 39.664 0.088 39.851 0.266 C 40.041 0.44 40.136 0.653 40.136 0.907 C 40.136 1.161 40.041 1.377 39.85 1.555 C 39.667 1.728 39.423 1.821 39.171 1.815 Z M 30.741 9.927 C 30.043 9.927 29.44 9.779 28.932 9.483 C 28.426 9.185 28.018 8.746 27.758 8.22 C 27.488 7.678 27.352 7.048 27.352 6.328 C 27.352 5.618 27.487 4.988 27.758 4.443 C 28.015 3.917 28.415 3.475 28.913 3.167 C 29.408 2.858 29.986 2.704 30.646 2.704 C 31.095 2.704 31.514 2.78 31.903 2.932 C 32.293 3.079 32.646 3.308 32.938 3.605 C 33.234 3.901 33.464 4.272 33.629 4.715 C 33.799 5.155 33.883 5.67 33.883 6.258 L 33.883 6.748 L 28.083 6.748 L 28.083 5.629 L 33.066 5.629 L 32.316 5.946 C 32.316 5.553 32.251 5.21 32.12 4.918 C 32.005 4.641 31.811 4.404 31.561 4.238 C 31.316 4.074 31.015 3.991 30.66 3.991 C 30.34 3.983 30.024 4.069 29.752 4.239 C 29.498 4.404 29.303 4.629 29.168 4.912 C 29.032 5.213 28.965 5.54 28.971 5.87 L 28.971 6.62 C 28.971 7.047 29.043 7.413 29.187 7.717 C 29.335 8.017 29.545 8.248 29.816 8.409 C 30.086 8.566 30.404 8.644 30.768 8.644 C 31.018 8.644 31.242 8.608 31.441 8.536 C 31.634 8.467 31.809 8.356 31.955 8.212 C 32.099 8.072 32.205 7.906 32.272 7.711 L 33.782 7.921 C 33.684 8.313 33.488 8.673 33.212 8.968 C 32.932 9.268 32.581 9.503 32.158 9.672 C 31.707 9.847 31.226 9.934 30.742 9.926 Z M 22.312 9.915 C 21.777 9.924 21.251 9.774 20.801 9.483 C 20.361 9.191 20.016 8.776 19.766 8.239 C 19.516 7.701 19.392 7.059 19.392 6.309 C 19.392 5.552 19.519 4.904 19.772 4.367 C 20.027 3.829 20.374 3.419 20.814 3.135 C 21.254 2.852 21.751 2.71 22.305 2.71 C 22.682 2.71 23.001 2.771 23.264 2.894 C 23.53 3.013 23.748 3.164 23.918 3.351 C 24.091 3.533 24.228 3.721 24.33 3.916 L 24.381 3.916 L 24.381 0.323 L 26.019 0.323 L 26.019 9.781 L 24.413 9.781 L 24.413 8.689 L 24.343 8.689 C 24.233 8.904 24.091 9.101 23.923 9.273 C 23.734 9.468 23.51 9.626 23.263 9.737 C 23.001 9.855 22.684 9.915 22.312 9.915 Z M 22.737 8.563 C 23.092 8.563 23.397 8.469 23.651 8.283 C 23.915 8.079 24.115 7.804 24.229 7.49 C 24.364 7.147 24.432 6.751 24.432 6.303 C 24.432 5.85 24.364 5.456 24.229 5.123 C 24.118 4.811 23.917 4.539 23.651 4.341 C 23.385 4.151 23.064 4.053 22.737 4.062 C 22.41 4.053 22.089 4.152 21.823 4.342 C 21.573 4.528 21.383 4.79 21.252 5.128 C 21.118 5.505 21.054 5.903 21.062 6.303 C 21.062 6.751 21.127 7.145 21.258 7.483 C 21.389 7.822 21.58 8.086 21.829 8.277 C 22.079 8.467 22.381 8.563 22.737 8.563 Z M 14.352 9.915 C 13.817 9.924 13.291 9.774 12.841 9.483 C 12.405 9.191 12.061 8.776 11.806 8.239 C 11.556 7.701 11.432 7.059 11.432 6.309 C 11.432 5.552 11.559 4.904 11.812 4.367 C 12.071 3.829 12.42 3.419 12.86 3.135 C 13.3 2.852 13.797 2.71 14.352 2.71 C 14.728 2.71 15.048 2.771 15.31 2.894 C 15.577 3.013 15.797 3.164 15.97 3.351 C 16.144 3.533 16.281 3.719 16.383 3.91 L 16.44 3.91 L 16.44 2.818 L 18.059 2.818 L 18.059 9.781 L 16.44 9.781 L 16.44 8.696 L 16.383 8.696 C 16.272 8.908 16.131 9.102 15.964 9.273 C 15.786 9.46 15.564 9.614 15.298 9.737 C 14.999 9.863 14.676 9.923 14.352 9.915 Z M 14.783 8.563 C 15.139 8.563 15.443 8.469 15.697 8.283 C 15.951 8.093 16.144 7.828 16.275 7.49 C 16.41 7.147 16.478 6.751 16.478 6.303 C 16.478 5.85 16.41 5.456 16.275 5.123 C 16.164 4.811 15.963 4.539 15.697 4.341 C 15.447 4.155 15.143 4.062 14.783 4.062 C 14.423 4.062 14.119 4.155 13.869 4.342 C 13.608 4.543 13.41 4.813 13.298 5.122 C 13.167 5.456 13.101 5.85 13.101 6.302 C 13.101 6.752 13.167 7.145 13.298 7.483 C 13.429 7.822 13.62 8.086 13.869 8.277 C 14.123 8.467 14.428 8.563 14.783 8.563 Z M 0 9.781 L 0 0.323 L 2.507 0.323 L 4.322 5.236 C 4.382 5.418 4.452 5.646 4.532 5.922 C 4.612 6.197 4.695 6.493 4.779 6.811 C 4.864 7.124 4.942 7.428 5.014 7.725 C 5.09 8.017 5.154 8.273 5.204 8.493 L 4.843 8.493 C 5.045 7.633 5.267 6.778 5.509 5.928 C 5.589 5.648 5.662 5.418 5.725 5.236 L 7.509 0.323 L 10.023 0.323 L 10.023 9.781 L 8.347 9.781 L 8.347 4.989 C 8.35 4.443 8.358 3.897 8.372 3.351 L 8.398 2.38 C 8.406 2.054 8.412 1.743 8.417 1.447 L 8.563 1.447 C 8.473 1.773 8.379 2.107 8.277 2.45 L 7.979 3.446 C 7.886 3.764 7.795 4.056 7.706 4.322 C 7.636 4.546 7.561 4.768 7.483 4.989 L 5.719 9.781 L 4.303 9.781 L 2.513 4.989 L 2.291 4.329 C 2.198 4.04 2.107 3.75 2.018 3.459 L 1.713 2.469 C 1.613 2.129 1.514 1.788 1.415 1.447 L 1.593 1.447 C 1.597 1.73 1.603 2.035 1.612 2.361 C 1.62 2.682 1.627 3.006 1.631 3.332 C 1.639 3.654 1.646 3.958 1.65 4.246 C 1.658 4.534 1.663 4.781 1.663 4.989 L 1.663 9.781 Z\' fill=\'var(--1bd4d3i, rgb(0, 0, 0))\' height=\'9.927205036163329px\' id=\'LLqmOOyHA\' transform=\'translate(0 -0.25)\' width=\'95.65900006103517px\'/></svg>'), none;mask-mode:match-source, match-source;mask-position:50% 50%, 50% 50%;mask-repeat:no-repeat, no-repeat;mask-size: auto;width: 97px;flex: 0 0 auto;height:10px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                <!--/$-->
            </div>
            <div data-framer-name="Bottom" style="mask:linear-gradient(180deg, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%) add;-webkit-mask:linear-gradient(180deg, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%) add;border-bottom-left-radius:11px;border-bottom-right-radius:11px;border-top-left-radius:11px;border-top-right-radius:11px;box-shadow:inset 0px 0px 0px 1px rgb(0, 0, 0);opacity:0.06inset:0px;flex: 0 0 auto;overflow:visible;pointer-events:none;position:absolute;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
            <div data-framer-name="Border" style="border-bottom-left-radius:11px;border-bottom-right-radius:11px;border-top-left-radius:11px;border-top-right-radius:11px;box-shadow:inset 0px 0px 0px 1px rgb(0, 0, 0);opacity:0.04inset:0px;flex: 0 0 auto;overflow:visible;pointer-events:none;position:absolute;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
        </a>
        <!--/$-->
        <!--/$-->
        <!--/$-->
    </div>
</body>

</html>